diff --git a/README.md b/README.md index a74ce81..5ab6c80 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,11 @@ # 🎧 Sound Sphere -This is a frontend-only ecommerce e-commerce application which provides a seamless and interactive user experience for browsing and purchasing products. It primarily focuses on product listing, cart management, and wishlist management. It replicates core features in e-commerce platforms like Amazon or Flipkart, showcasing how products are displayed and managed withing a shopping cart and wishlist, and how basic level of product search works. +Sound Sphere is a full-stack e-commerce application that provides a seamless, interactive experience for browsing and purchasing audio products. The frontend offers an intuitive interface for product browsing, while the backend manages data and user authentication securely. The project is structured to replicate core e-commerce features seen on platforms like Amazon or Flipkart, showcasing product listings, shopping cart functionality, and wishlist management. ## 🌟 Features +- **User Authentication:** Secure login and registration system using JWT (JSON Web Tokens) for authentication and authorization, with both access and refresh tokens. +- **Password Security**: User passwords are securely hashed using bcrypt. - **Product Listing:** Displays a variety of headphones, ear dopes, and speakers. - **Product Browsing:** Browse through various product categories and view detailed information about each product. - **Search:** Search for products using the search bar. @@ -17,11 +19,17 @@ This is a frontend-only ecommerce e-commerce application which provides a seamle - React Router DOM - Redux Toolkit - Tailwind CSS 🌈 +- Node.js with Express +- MongoDB for the database +- JWT for user authentication (access and refresh tokens) +- bcrypt for password hashing + +The backend code is hosted in a separate repository, available here: [Backend Repository](https://github.com/Aayush259/E-commerce-backend) ## 🖼️ Screenshots -![Home Page](./src/images/s-1.png) -![Product Page](./src/images/s-2.jpg) +![Home Page](./src/images/s-3.png) +![Product Page](./src/images/s-4.png) ## 🎉 Credits diff --git a/src/images/s-3.png b/src/images/s-3.png new file mode 100644 index 0000000..d58f120 Binary files /dev/null and b/src/images/s-3.png differ diff --git a/src/images/s-4.png b/src/images/s-4.png new file mode 100644 index 0000000..b18e626 Binary files /dev/null and b/src/images/s-4.png differ