NxtTrendz is a modern e-commerce web application built with React, designed to deliver a seamless shopping experience. It mimics a real-world storefront with features like product listing, filtering, sorting, and authentication.
- 🔐 Login Authentication
Username:rahul
Password:rahul@2021 - 🛒 Product Listing with dynamic API integration
- 🔎 Search & Filters for category and rating
↕️ Sort by Price (High → Low, Low → High)- 💬 Responsive UI built with Tailwind CSS framework
⚠️ Error Handling for API failures- ⏳ Loading Indicators for better UX
- Frontend: React.js, JSX, CSS
- State Management: Component State
- Routing & Auth: react-router-dom, js-cookie
- API:
fetch, JWT-based authorization - Testing: Meets key functional test cases
These credentials are for demo/testing purposes.
- Username:
rahul - Password:
rahul@2021
git clone https://github.com/Ramkumar6813-git/NxtTrendz.git
cd NxtTrendz
npm install
npm start✅ Ensure the backend APIs are accessible at https://apis.ccbp.in
- Implemented reusable component architecture
- Integrated secure API calls using JWT tokens
- Mastered conditional rendering and component communication
- Improved understanding of UX through failure/loading views
Developed as part of the NxtWave CCBP 4.0 Intensive Full Stack Development Program