Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kajaldeore04/ecom
MERN stack e-commerce application with user authentication, product management, shopping cart, and admin panel. Features JWT auth, image upload, and Tailwind CSS styling
https://github.com/kajaldeore04/ecom
admin-panel ecommerce ejs express jwt-authentication mern-stack mongodb nodejs tailwindcss
Last synced: about 7 hours ago
JSON representation
MERN stack e-commerce application with user authentication, product management, shopping cart, and admin panel. Features JWT auth, image upload, and Tailwind CSS styling
- Host: GitHub
- URL: https://github.com/kajaldeore04/ecom
- Owner: KajalDeore04
- Created: 2024-10-27T16:26:40.000Z (12 days ago)
- Default Branch: master
- Last Pushed: 2024-11-07T12:06:26.000Z (about 23 hours ago)
- Last Synced: 2024-11-07T13:18:18.630Z (about 21 hours ago)
- Topics: admin-panel, ecommerce, ejs, express, jwt-authentication, mern-stack, mongodb, nodejs, tailwindcss
- Language: EJS
- Homepage:
- Size: 612 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ποΈ E-Commerce Application
Welcome to the ultimate e-commerce experience! This MERN-stack project has everything you'd want for a slick, user-friendly shopping platform. Built with a powerful backend (Node.js, Express, and MongoDB) and a polished frontend using EJS and Tailwind CSS, it's designed for both users and admins alike to enjoy a seamless online shopping experience. Letβs dive into what it has to offer! π
## β¨ Features
- π **User Authentication:** Sign up, log in, or log out with ease.
- π **Product Management:** Add, edit, and delete products like a pro.
- ποΈ **Shopping Cart:** Because who shops for just one thing?
- π§ **Admin Panel:** Manage users, orders, and inventory all in one place.
- πΈ **Image Upload:** Upload product images with Multer.
- π‘οΈ **JWT-based Authorization:** Keep your account safe and secure.
- β¨ **Flash Messages:** Stay informed with real-time feedback.## π» Tech Stack
- **Backend:** Node.js, Express.js
- **Database:** MongoDB + Mongoose ODM
- **Frontend:** EJS, Tailwind CSS
- **Authentication:** JWT, Bcrypt for extra security
- **File Upload:** Multer
- **Other Cool Tools:** Cookie-parser, Express-session, Connect-flash## π Installation Guide
### 1. Clone the Repository
```bash
git clone https://github.com/Kajal-Deore/ecom
cd ecom
```### 2. Install Dependencies
```bash
npm install
```### 3. Set up Environment Variables
Create a `.env` file in the root directory with the following:
```plaintext
JWT_KEY=your_jwt_secret
EXPRESS_SESSION_SECRET=your_session_secret
```### 4. Start the App
```bash
nodemon app.js
```Once it's running, head over to [http://localhost:3000](http://localhost:3000) and start exploring!
## ποΈ Project Structure
Here's a quick breakdown:
- **app.js** - The main entry point for the app
- **routes/** - Organizes all application routes
- **models/** - Database models live here
- **middlewares/** - Custom functions to make things easy
- **controllers/** - Where the routing magic happens
- **config/** - All configuration files in one place
- **public/** - Static files (CSS, images, etc.)
- **views/** - EJS templates for dynamic pages## π¬ Questions?
Reach out via [GitHub](https://github.com/Kajal-Deore) or [Linkedin](https://www.linkedin.com/in/kajal-deore) if you have any questions or issues. Happy coding! π