Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shoaib-imrann/zenora
MERN stack
https://github.com/shoaib-imrann/zenora
axios bcrypt cloudinary cors expressjs jwt-authentication mongodb multer nodejs razorpay-payment react-toastify reactjs stripe-payments tailwindcss validator
Last synced: 7 days ago
JSON representation
MERN stack
- Host: GitHub
- URL: https://github.com/shoaib-imrann/zenora
- Owner: Shoaib-Imrann
- Created: 2024-11-15T12:53:22.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-30T12:28:25.000Z (24 days ago)
- Last Synced: 2024-11-30T13:27:41.674Z (24 days ago)
- Topics: axios, bcrypt, cloudinary, cors, expressjs, jwt-authentication, mongodb, multer, nodejs, razorpay-payment, react-toastify, reactjs, stripe-payments, tailwindcss, validator
- Language: JavaScript
- Homepage: https://zenoraweb.vercel.app
- Size: 10.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## E-commerce Website
A fully-featured website built using the MERN stack `MongoDB` `Express.js` `React` `Node.js`. It provides a seamless online shopping experience, offering dynamic homepage features, product filters, a shopping cart, & checkout functionality integrated with both Razorpay & Stripe payment gateways.
## Features
- **Dynamic Homepage**: Loads dynamically with different categories.
- **Product Filters**: Filter products by price, category, & rating.
- **Shopping Cart**: Add, update, & remove products.🛒
- **Secure Checkout**: Integrated with `Razorpay` & `Stripe`.🔐💳
- **User Authentication**: Secure login/registration using `JWT` & `bcrypt`.🔐
- **Admin Panel**: Manage products & orders, add/edit product images & details.
- **Cloud Storage**: Images managed via `Cloudinary`.
## Tech Stack
- **Frontend**: `React.js` `Tailwind CSS`
- **Backend**: `Node.js` `Express.js`
- **Database**: `MongoDB`
- **Authentication**: `JWT` `bcrypt`
- **Payments**: `Razorpay` `Stripe`
- **Image Hosting**: `Cloudinary`
## 🏗️ Installation
### 1. Clone the repository
```bash
git clone https://github.com/Shoaib-Imrann/Zenora.git
cd zenora
```
### 2. Install backend dependencies
```bash
cd backend
npm install
```
### 3. Install frontend dependencies
```bash
cd frontend
npm install
```
### 4. Set up environment variables
Create a `.env` file in the backend directory and enter your configuration details.
```bash
JWT_SECRET = ""
ADMIN_EMAIL = ""
ADMIN_PASSWORD = ""
MONGODB_URI = ""
CLOUDINARY_API_KEY = ""
CLOUDINARY_SECRET_KEY = ""
CLOUDINARY_NAME = ""
STRIPE_SECRET_KEY = ""
RAZORPAY_KEY_SECRET = ""
RAZORPAY_KEY_ID = ""
```
### 5. Run the application
`Backend`
```bash
cd backend
npm run server
```
`Frontend`
```bash
cd frontend
npm run dev
```
### Admin Panel Access
Email
```bash
[email protected]
```
Password
```bash
zenora123
```