Hello Viewers ! Wecome to the clone ShopClues renamed as ShopQ_Mart basically it is an Indian online marketplace, also an India's first e-commerce market that connects sellers and buyers online and offers a trusted and safe online environment for shopping.
Technologies used in the project:
Home Page:
Login Page:
Product Page:
Single Product Page:
Cart Page:
Admin Page:
Front-end deployed URL:
https://shopqmart.vercel.app/ https://singular-sundae-186837.netlify.app/
Back-end deployed URL:
https://splendid-bear-cap.cyclic.app/
Frontend
- Holds the client applicationpublic
- This holds all of our static filessrc
assets
- This folder holds assets such as images, docs, and fontscomponents
- This folder holds all of the different components that will make up our pagespages
- These represent a unique page on the website i.e. Home or About.redux
- It consists of store, reducer, action and actiontypes and is responsible for global state management of our app.App.js
- This is what renders all of our browser routes and different pagesindex.js
- This is what renders the react app by rendering App.js.package.json
- Defines npm behaviors and packages for the clientBackend
- Holds the server applicationconfig
- This holds our configuration files, like mongoDB urimiddlewares
- This holds all our middlewares used in our applicationmodels
- This holds all of our data models or business logicroutes/controllers
- This holds all of our HTTP to URL path associations for each unique urlindex.js
- An entry file for our Node JS applicationpackage.json
- Defines npm behaviors like the scripts defined in the next section of the README.gitignore
- Tells git which files to ignoreREADME
- This file!Clone the project
git clone https://github.com/SCjadhav21/Project_ShopQ_Mart.git
Go to the project directory
$ cd frontend // go to client folder
$ yarn # or npm i // npm install packages
$ npm run start // run it locally
// deployment for client app
$ npm run build // this will compile the react code using webpack and generate a folder called docs in the root level
Environment Variables:-
To run this project, you will need to add the following environment variables to your .env file
port // the port on which the server will run
mongoDbUrl // your mongoDB URI to connect to the mongoDB atlas
key // key which will be JWT secret key
Start
$ cd backend // go to server folder
$ npm i // npm install packages
$ npm run server // run it locally
This project was built during our construct week at Masai School. It was built by a team of 5 developers and executed in 6 days.