MongoDB, Expressjs, React, Redux, Nodejs
MERN is a fullstack implementation in MongoDB, Expressjs, React/Redux, Nodejs.
MERN stack is the idea of using Javascript/Node for fullstack web development.
$ git clone https://github.com/NaimulHasanFahim/bankproject.git
$ npm i
client/
package.json
server/
package.json
.env (need to create your own .env for run this project see below for instructions)
...
Note that you need client and server runs concurrently in different terminal session, in order to make them talk to each other. This project is totally modular so you can run the client or server side code after extracting the downloaded folder.
$ cd client // go to client folder
$ npm i // npm install packages
$ npm start // run it locally
(You need to add .env File to run the Server side API code)
.env File Structure
NODE_ENV = development
PORT = 8000
CONNECTION_URL = Your Mongodb Connection Url
$ cd server // go to server folder
$ npm i // npm install packages
$ npm start // run it locally
| Client-side | Server-side |
|---|---|
| axios: ^0.27.2 | bcrypt-nodejs: ^0.0.3 |
| babel-preset-stage-1: ^6.1.18 | body-parser: ^1.15.2 |
| react: ^18.2.0 | dotenv: ^16.0.1 |
| react-dom: ^18.2.0 | express: ^4.18.1 |
| react-redux: ^8.0.2 | jwt-simple: ^0.5.1 |
| react-router-dom: ^6.3.0 | mongoose: ^6.3.5 |
| redux: ^4.4.0 | jsonwebtoken : ^8.5.1 |
| redux-thunk: ^2.1.0 | crypto-js : ^4.1.1 |
| redux-persist : ^6.0.0 | nodemon : ^2.0.16 |
| styled-components : ^5.3.5 | cors: ^2.8.5 |
Landing Page of the website
User can sign in or sign up
After signing in user can go to account route and can see his/her account details and Transactions
Create new Issues (preferred)
Email Me: mohammadfahimshah@gmail.com