Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/scjadhav21/project_shopq_mart
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.
https://github.com/scjadhav21/project_shopq_mart
chakra-ui css3 cyclic express html5 javascript mongodb mongodb-atlas mongoose nodejs react react-router readux vercel
Last synced: 18 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/scjadhav21/project_shopq_mart
- Owner: SCjadhav21
- Created: 2023-01-17T14:01:46.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-06T04:55:39.000Z (over 1 year ago)
- Last Synced: 2024-10-11T04:25:32.598Z (about 1 month ago)
- Topics: chakra-ui, css3, cyclic, express, html5, javascript, mongodb, mongodb-atlas, mongoose, nodejs, react, react-router, readux, vercel
- Language: JavaScript
- Homepage: https://shopqmart.vercel.app/
- Size: 8.53 MB
- Stars: 6
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
ShopQ Mart
What you Think is What you Get’ isn’t just a saying at ShopQ Mart. With over 2.8 crore products you can get just about everything that you can imagine at ShopQ Mart. From usual products in Electronics Fashion Home & Kitchen to unusual products like cow dung cakes Knife Sharpeners etc. ShopQ Mart tops in everything. So you see what we mean when we say Aflatooni Products!
## 🛠 Built with
Technologies used in the project:
## 💻 Screenshots
**Home Page:**
**Login Page:**
**Product Page:**
**Single Product Page:**
**Cart Page:**
**Admin Page:**
## ✨ Features
- Live previews
- Fullscreen mode
- Cross platform
## 🚀 Demo
**Front-end deployed URL:**
https://shopqmart.vercel.app/
https://singular-sundae-186837.netlify.app/
**Back-end deployed URL:**
https://splendid-bear-cap.cyclic.app/
## 📁 Folder structure
#### `Frontend` - Holds the client application
- #### `public` - This holds all of our static files
- #### `src`
- #### `assets` - This folder holds assets such as images, docs, and fonts
- #### `components` - This folder holds all of the different components that will make up our pages
- #### `pages` - 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 pages
- #### `index.js` - This is what renders the react app by rendering App.js.
- #### `package.json` - Defines npm behaviors and packages for the client
#### `Backend` - Holds the server application
- #### `config` - This holds our configuration files, like mongoDB uri
- #### `middlewares` - This holds all our middlewares used in our application
- #### `models` - This holds all of our data models or business logic
- #### `routes/controllers` - This holds all of our HTTP to URL path associations for each unique url
- #### `index.js` - An entry file for our Node JS application
#### `package.json` - Defines npm behaviors like the scripts defined in the next section of the README
#### `.gitignore` - Tells git which files to ignore
#### `README` - This file!
# Installation
Clone the project
```bash
git clone https://github.com/SCjadhav21/Project_ShopQ_Mart.git
```
## Client-side usage
Go to the project directory
```bash
$ 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
```
## Server-side usage
**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**
```bash
$ cd backend // go to server folder
$ npm i // npm install packages
$ npm run server // run it locally
```
## ✍ Authors
- [@Gurjazz18](https://github.com/Gurjazz18)
- [@sbj1198](https://github.com/sbj1198)
- [@SCjadhav21](https://www.github.com/SCjadhav21)
- [@CodexPuneet](https://www.github.com/CodexPuneet)
- [@Harshank11](https://github.com/Harshank11)
##
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.