This project is a responsive webpage perfect for banks. The goal of this project is to offer the user an opportunity to create an account, so can simulate the withdrawal and deposit actions, and be able to check the info about his/her account, and others. Please keep in mind that this is not an official website that shows up as a real banking webpage. I am just a developer who wants to showcase a cool website.
The website has different features. To get access to different pages of the application, the user must log in or register. Once that is done, the user will be able to explore the full webpage.
- Next.js
- React.js
- Mantine UI
- MongoDB
- Node.js
- Express.js
- Firebase Authentication
- Go to the folder where you cloned the repository. Copy the path of it, and open your terminal. There you need to type
cd YOUR_PATH. Now go inside the Full-Stack-Banking-App folder, by doingcd Full-Stack-Banking-App. If you dolsyou will be able to find the following files:components dal lib models pages public styles .gitignore database.js index.js jsconfig.json LICENSE next.config.js package-lock.json package.json README.md - Now, install the node_modules folder by typing
npm install - Once the installation is done, create a file called .env.local There you will need to add the following environment variables like the MongoDB and Firebase keys with their values respectively. I won't share my personal keys in GitHub for security and privacy reasons.
- Type
npm run dev - Copy the URL given on the terminal, and paste it into your browser. Or for simplicity, open http://localhost:3000 with your browser to see the result.