LoveSkin is a modern and elegant skincare e-commerce web application built using the MERN Stack (MongoDB, Express.js, React.js, Node.js). It allows users to explore, purchase, and learn about skincare products, with a focus on beauty, wellness, and an intuitive user experience.
🚀 Coming Soon
✅ Fully responsive and mobile-friendly UI
✅ User authentication with JWT
✅ Admin dashboard for product and order management
✅ Browse products by category, tags, or search
✅ Add to Cart, Wishlist, and Save for Later
✅ Product Ratings & Reviews
✅ Detailed product pages with ingredients, how to use, and share options
✅ Secure Payment Integration (Planned)
✅ Real-time order tracking (Planned)
✅ Blog & skincare tips section (Planned)
Frontend:
- React.js
- Tailwind CSS
- React Router
- Redux / Context API (if used)
Backend:
- Node.js
- Express.js
- MongoDB + Mongoose
- JWT Authentication
- Cloudinary (for image upload, if used)
LoveSkin--A-skincare-E-commerce-website-using-MERN-stack/ ├── backend/ # Node.js + Express + MongoDB API │ ├── controllers/ │ ├── models/ │ ├── routes/ │ └── server.js ├── frontend/ # React.js + Tailwind frontend │ ├── components/ │ ├── pages/ │ ├── assets/ │ └── App.js ├── .env ├── package.json └── README.md
bash Copy Edit
git clone https://github.com/Code-With-Khushiii/LoveSkin--A-skincare-E-commerce-website-using-MERN-stack.git
cd LoveSkin--A-skincare-E-commerce-website-using-MERN-stack
Backend Setup
bash
Copy
Edit
cd backend
npm install
# Create a .env file and add your MongoDB URI and JWT_SECRET
npm run start
Frontend Setup
bash
Copy
Edit
cd ../frontend
npm install
npm start
The app will run on http://localhost:3000/ and the API on http://localhost:5000/.
👤 Author
Made with ❤️ by Pragya Pal
GitHub: Code-With-Khushiii
🙌 Contributions
Contributions, issues, and feature requests are welcome!
If you’d like to collaborate, please open an issue or pull request.
The assets and UI from github