raushanranjan103/Mini_Project6thSem

Concepts Used

• HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
• React: Components, Props, Events, Hooks, Router, Axios
• Context API: Store, Reducers, Actions
• Node & Express: Web API, Body Parser, File Upload, JWT
• MongoDB: Mongoose, Aggregation
• Development: ESLint, Babel, Git, Github,
• Deployment: Heroku

Run Locally

1. Clone repo

$ git clone https://github.com/raushanranjan103/Mini_Project6thSem.git

2. Create .env File

• duplicate .env.example in backend folder and rename it to .env

3. Setup MongoDB

• Local MongoDB
  • Install it from here
  • In .env file update MONGODB_URI=mongodb://localhost/keepitfit
• OR Atlas Cloud MongoDB
  • Create database at https://cloud.mongodb.com
  • In .env file update MONGODB_URI=mongodb+srv://your-db-connection

4. Run Backend

$ cd backend
$ npm install
$ npm start

5. Run Frontend

# open new terminal
$ cd frontend
$ npm install
$ npm start

6. Seed Users and Products

• Run this on browser: http://localhost:5000/api/seed
• It returns admin email and password and 12 sample products

7. Admin Login

• Run http://localhost:3000/signin
• Enter admin email and password and click signin