Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/osamashaikh90/quickclick

QuickClick - Get Your Products on Click.
https://github.com/osamashaikh90/quickclick

cart ecommerce expressjs mongodb nodejs react-ecommerce reactjs styled-components

Last synced: 1 day ago
JSON representation

QuickClick - Get Your Products on Click.

Host: GitHub
URL: https://github.com/osamashaikh90/quickclick
Owner: Osamashaikh90
License: mit
Created: 2023-07-12T18:55:02.000Z (over 1 year ago)
Default Branch: master
Last Pushed: 2024-04-20T08:16:06.000Z (8 months ago)
Last Synced: 2024-04-21T10:06:24.615Z (8 months ago)
Topics: cart, ecommerce, expressjs, mongodb, nodejs, react-ecommerce, reactjs, styled-components
Language: JavaScript
Homepage: https://quick-click.vercel.app
Size: 13.6 MB
Stars: 2
Watchers: 1
Forks: 1
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

QuickClick - MERN Stack E-Commerce Platform

#### QuickClick is a dynamic E-Commerce platform built using the MERN stack, designed to provide users with an efficient and enjoyable online shopping experience🛒.
(🚧 Under Construction! 🚧)
## Screenshots 📸
![Quick-Click:HomePage)](https://i.imgur.com/mm3BUH8.png)

![Quick-Click:About)](https://i.imgur.com/CAOINdN.png)

![Quick-Click:Product)](https://i.imgur.com/WGHzrRZ.png)

![Quick-Click:Login)](https://i.imgur.com/Pg0lA1I.png)

## Technologies Used 🛠️
QuickClick leverages the following technologies:

### Frontend:

+ React.js
+ Styled-Components for styling
+ Axios for API integration

### Backend:

+ Node.js with Express.js
+ MongoDB for data storage
+ JWT authentication

## Installation 🦾

#### To run QuickClick locally, follow these steps:

```bash
git clone https://github.com/Osamashaikh90/QuickClick.git
```
Install dependencies for the server and client:

```bash
cd server && npm install
cd client && npm install
```

Create config.env file in `backend` folder and Fill your `.env` variables:

```env
MONGODB_URL=
JWT_SECRET=
API_SECRET =
```

Run React server from `Client` folder :

```bash
npm run dev
```

Simultaneously Run Node.js Server :

```bash
node server.js
```

## Features 🤖
+ User registration and authentication
+ Product search and browsing
+ Shopping cart functionality
+ Secure payment processing
+ Innovative OTP functionality for password recovery(under working)

## Contact Information
For questions, feedback, or support, please contact us at [[email protected]].