budget-app is an expense and budget tracker.
Here is the deployed website
The project is created with:
- React 18.2
- React-Redux 9.1
- React-Router-Dom 6.16
- Chart.js 4.4
- React-Chartsjs-2
- Reduxjs/toolkit 2.0.1
- Material UI 5.14.16
- Icons-Material 5.14.16
- React-Icons 4.11
- Express 4.18.2
- Express-Session 1.17.3
- Axios 1.6.2
- Mongoose 6.12.3
- MongoDB
These instructions require you to have Git, Node, and NPM installed locally
$ git clone "https://github.com/Alisa1989/budget-app.git"
- Create your own MongoDB account by visiting the MongoDB website and signing up for a new account.
- Create a new project
- Use the side menu to navigate to Database under Deployment and click on Build a Database
- Click on Create Database User and then Choose a Connection Method
- Click MongoDB for VSCode and then follow the instructions provided by MongoDB and Copy the connection string and place it in your local application /server/.env file (you will create this in the next step)
- make sure that your IP address has been added to the IP Access List.
$ cd budget-app
$ cd server
$ code .env
and include
MONGODB_CONNECT_STRING=[your MongoDB uri it will look something like this and it will need single quotation marks: 'mongodb+srv://<username>:<password>@cluster0.e48fsl0.mongodb.net']
PORT=[the port you choose for your backend, like: 3000]
NODE_ENV = development
ACCESS_TOKEN_SECRET =[your JWT secret key, make something up like: thisismysecret]
replace the square brackets and save
$ npm install
$ npm start
Open a new terminal window
$ cd client
create .env file
$ echo .env
and include:
PORT=[the port you choose for your frontend]
$ npm install
$ npm start
MIT Alexandre Steinhauslin