pbplop29/dash

Project Overview

It is an admin dashboard panel that extracts data provided in a mongoDB database and displays it in a REACT web application in forms of tables and charts for better analysis.

Project Approach

• Used REACTJs for front-end
• Used MongoDB for the database
• Used NodeJs to serve the backend

Dependencies required

Server

• axios
• nodemon
• mongoose
• express
• cors
• body-parser

Client

• react-scripts
• react-router-dom
• recharts

Please add the required dependencies using npm > install as errors coocur

Project Look

The charts were created using recharts which provide reactive and animated graphs and charts with tooltip and wide range of customization.

Learnings

• Had pushed an API key to github which could have become troublesome. Learnt different ways to tackle and handle such issues.

mongoose.connect(
  "mongodb+srv://<user>:<password>@cluster0.vc99n.mongodb.net/Dash?retryWrites=true&w=majority",
  {
    useNewUrlParser: true,
  }
);

• Was familiar with RDBMS databases like MySQL, but got familiar with NoSQL using MongoDB.
• Got to learn about the recharts library for charts and graphs