I wanted to try and make a FullStack Dashboard using MUI, Recharts and Regression. My idea behind this project was to practice some basic concepts as well as push to see what more I could do. I did follow some tutorials on Youtube to improve the design and data.
Use the node package manager to install node modules both for the frontend and backend
You will also need the following -
- Setup MongoDB Cluster
- Create
/server/.env
file in the server folder and add the following
PORT=1337
MONGODB_URL=<Your MongoDB Cluster Address>
-
Deploy the dummy data to MongoDB cluster. The code to reset the cluster and upload the data is in
/server/index.js
-
Then run the backend by -
cd client
npm install
npm run dev
You will also need the following -
- Create a
/client/.env.local
file in the server folder and add the following
VITE_BASE_URL=http://localhost:1337
- Then run the frontend by -
cd client
npm install
npm run dev
- React (with Typescript, Hooks, and Router)
- Redux Toolkit Query
- Material UI
- Regression.js
- Recharts
- Express
- Node.js
- Helmet
- Mongoose
- Morgan
- MongoDB
- Data-Model -