ProShop - Modern E-Commerce Platform

Live Demo: https://proshop-rosy.vercel.app

A full-featured, production-ready E-commerce application built with the latest web technologies. This project demonstrates a scalable architecture, secure payment processing, and a seamless user experience.

🚀 Tech Stack

• Frontend: Next.js 16 (App Router), React 19, Redux Toolkit
• Language: TypeScript
• Styling: SCSS, React Bootstrap
• Backend: Next.js API Routes (Serverless)
• Database: MongoDB with Mongoose ODM
• Payments:
  • PayPal
• Internationalization: next-intl

✨ Features

🛍️ User Features

• Smart Search: Predictive search bar with typeahead suggestions and debounce.
• Advanced Filtering: Dynamic Sidebar with Price Range, Category, Brand, and Rating filters.
• Product Gallery: High-definition interactive gallery with hover zoom and thumbnail navigation.
• Related Products: Intelligent suggestions of similar items on product detail pages.
• Wishlist: Save favorite products for later (Persistent local storage).
• Shopping Cart: Real-time cart management with instant updates.
• Guest Checkout: Seamless purchasing experience without mandatory registration.
• Secure Checkout: Multi-step process (Shipping, Payment, Confirmation) with PayPal/Credit Card integration.
• Newsletter: Email subscription subsystem for marketing campaigns.
• User Accounts: Full authentication system (Login/Register) with profile management.
• Order History: Track past orders and view payment status.
• Reviews: Product rating and review system.
• Global Ready: Multicurrency & Multilingual support (EN/ES/IT).

🛡️ Admin Features

• User Management: View, edit, and delete users.
• Product Management: Create, update, and delete products.
• Order Management: View all orders and update delivery status.
• Secure Access: Protected routes for admin-only operations.

💳 Payment Integration

• PayPal: Secure checkout using @paypal/react-paypal-js.
• Mercado Pago: Integrated Wallet for Latin American markets.

🛠️ Environment Variables

Create a .env file in the root directory with the following variables:

NODE_ENV=development
PORT=3000
MONGO_URI=<your_mongodb_connection_string>
JWT_SECRET=<your_jwt_secret>
PAYPAL_CLIENT_ID=<your_paypal_client_id>
MERCADOPAGO_PUBLIC_KEY=<your_mercadopago_public_key>
MERCADOPAGO_ACCESS_TOKEN=<your_mercadopago_access_token>
NEXT_PUBLIC_API_URL=http://localhost:3000

📦 Installation & Run

1. Clone the repository

   git clone https://github.com/yourusername/proshop.git
   cd proshop

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Open your browser Navigate to http://localhost:3000.

📄 License

This project is licensed under the MIT License.