jrparente/mit-pro-banking-application

Project for MIT xPRO Professional Certificate in Coding: Fullstack Development with MERN

Full Stack Banking Application

About The Project

This is a full-stack banking application developed as the capstone final project of the MIT Professional Certificate in Coding: Full Stack Development with MERN. The application includes a React frontend and an Express/MongoDB backend, providing functionalities for user account management, deposits, withdrawals, and more.

(back to top)

Features

• User account management (create, delete)
• User authentication (login, logout)
• User authorization (protected routes)
• Account operations (deposit, withdraw, transfer)
• View transaction history
• Responsive UI with Bootstrap

Built With

• Frontend:
• Backend: , ,
• Authentication:
• Styling:

(back to top)

Getting Started

Prerequisites

• Node.js
• MongoDB

Installation

1. Clone the repo

   git clone https://github.com/jrparente/mit-pro-frontend-banking-application.git

2. Install NPM packages

   cd server && npm install

   cd client && npm install

3. Create a .env file in the server directory with the following environment variables:

   PORT=3001
   JWT_SECRET=your_jwt_secret
   MONGO_URI=your_mongodb_connection_string

4. Start the server

   npm start

(back to top)

Running the Application

• Frontend: The React application will be served from the client/build directory.
• Backend: The server will run on the port specified in the .env file (default is 3001).

Accessing the Application

Open your browser and navigate to URL: http://localhost:3001 to access the application.

Demo Accounts

Use the following demo accounts to explore the application without creating a new account:

• Employee/Admin Account

  • Username: miranda@mail.com
  • Password: 12345678

• Customer Account

  • Username: harry@maill.com
  • Password: 12345678

(back to top)

Deployment

The application was deployed on Render. You can access the live application here.

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Joana Parente - @joana_r_parente - jrparente@gmail.com

Project Link: https://github.com/jrparente/mit-pro-frontend-banking-application

(back to top)