ShopBag - ONLINE SHOP

ShopBag is a E-commerce website using the MERN (MongoDB, Express, React, Node.js) stack, integrated with Stripe for secure payment processing. The website allows users to browse products, add items to their cart, and complete purchases using Stripe's seamless checkout system. The frontend is built with React, styled with Tailwind CSS, and communicates with a Node.js and Express backend. MongoDB serves as the database, storing product, user, and order information. This integration ensures a smooth and safe shopping experience for customers.

Features:

• Homepage: Displays featured products, latest arrivals, and promotional banners to attract customers.
• Product Listing: Users can browse through a variety of products, organized into categories for easy navigation.
• Category Wise Product Details: Detailed page for each category and apply filters to narrow down product listings based on categories, price range, and date.
• Single Product Details: Detailed pages for each product, including images, descriptions, pricing, and options for adding to the cart.
• Search: Users can search for specific products using keywords.
• User Authentication: Secure user login and signup with form validation, allowing users to create accounts and access personalized features like order history.
• Shopping Cart: Users can add products to their cart, view selected items, adjust quantities, and proceed to checkout.
• Stripe Payment Integration: Secure payment processing with Stripe, providing users with a seamless and reliable checkout experience.
• Order Summary: After a successful payment, users can view a detailed summary of their orders, including product details, shipping information, and payment status.
• Admin Panel: Includes an administrative panel for managing products, orders, and users, enabling easy updates to inventory and customer management.
• Responsive Design: Fully responsive layout using Tailwind CSS, providing an optimal shopping experience on both desktop and mobile devices.

Tech Used:

• CSS
• JavaScript
• React JS
• Tailwind
• Node Js and Express
• MongoDB

Website Screenshots

Home Page

SignIn Page

Login Page

Home Page

Single Category Page

Single Product Page

Cart Page

Order Page

Admin Panel- All Products Page

Admin Panel- All Users Page

Admin Panel- All Orders Page

Credentials for Admin Login

Email - testing@gmail.com
Pass - testing@123