PopUp

PopUp is a full-stack e-commerce web application developed using the MERN stack. The project simulates an online electronics store where users can browse products, create accounts, log in securely, and manage shopping functionality.

This project demonstrates complete frontend–backend integration, authentication system, and dynamic product handling using REST APIs.

✨ TECHNOLOGIES

• React.js
• Node.js
• Express.js
• MongoDB
• JWT Authentication
• JavaScript (ES6)
• CSS3
• Vite
• RazorPay API (Payment Gateway)

🚀 FEATURES

• User authentication (Sign up / Login)
• Product listing and cart functionality
• Full-stack MERN API integration
• Integrated RazorPay's secure Payment Gateway for product purchasing.

📍 THE PROCESS

I built this project to practice developing a real-world e-commerce application using the MERN stack. The goal was to understand authentication flow, API creation, database storage, and frontend–backend communication while building a scalable project similar to real online stores.

🚦 RUNNING THE PROJECT

• Clone the repository
• Install dependencies: npm install
• Run frontend: npm run dev
• Run backend: node server.js
• Open http://localhost:5173 in your browser

Project Structure

🎞️ PREVIEW

https://app-popup.netlify.app/

DISCLAIMER

This project is shared strictly for demonstration purposes to showcase my personal development skills.

⚠️ Unauthorized copying, reuse, or redistribution of any part of this code is strictly prohibited.

All rights reserved © 2025 Harmeet Singh.