Savindi20/MERN-DashBoard

MERN-DashBoard

BackEnd

• NodeExpress
• TypeScript
• MongoDB

• This Project Configurations

mkdir server

cd server

npm init -y

npm i express body-parser cors dotenv helmet morgan mongoose nodemon 

• Here You Can Add More Origins To Allow CORS

npm install cors

npm install @types/cors

• Install country-iso

npm i country-iso-2-to-3

• Not Detected Node Modules

npm install

• Run Project

npm start

FrontEnd

• React
• TypeScript

React Application

• Install React

npx create-react-app test-app --template typescript

npm i react-redux @reduxjs/toolkit react-datepicker react-router-dom@6 @mui/material @emotion/react @emotion/styled @mui/icons-material @mui/x-data-grid @nivo/core @nivo/bar @nivo/geo @nivo/pie

npm i react-datepicker@4.8.0

• Install React Router DOM

npm i react-router-dom

• Install Material Icons

npm install @mui/icons-material @mui/material @emotion/styled @emotion/react

• Install Material UI

npm install @mui/material @emotion/react @emotion/styled

• Install nivo line chart

npm i @nivo/line

• Not Detected Node Modules

npm install

• Run Project

npm start