Welcome to the Nxt Trendz E-commerce App! This project, developed as part of a full-stack developer course, includes a variety of features to enhance the user experience. Here's a brief overview of the key functionalities:
Ensure a secure user experience by redirecting unauthenticated users to the login page when attempting to access protected routes.
Allows users to log in securely with support for both prime and non-prime users.
Serves as the initial landing page, guiding users to different sections of the app based on their preferences.
Showcases a variety of products, with dynamic displays of prime deals for prime users and prime subscription suggestions for non-prime users.
Central to the shopping experience, the cart page includes features such as updating quantities, displaying totals, and interactive item management.
Handles non-existent routes gracefully, providing users with a "Not Found" page for a seamless navigation experience.
For authenticated users, a secure logout functionality is available to protect personal information.
To set up the project locally:
- Download dependencies by running
npm install. - Start the app using
npm start.
Key files in the src directory:
src/App.jssrc/components/Login/index.jssrc/components/Home/index.jssrc/components/Products/index.jssrc/components/Cart/index.jssrc/components/NotFound/index.jssrc/components/CartItem/index.jssrc/components/CartSummary/index.js
Use the following credentials for testing:
-
Prime User:
- Username: rahul
- Password: rahul@2021
-
Non-Prime User:
- Username: raja
- Password: raja@2021
Happy coding!