Live Website: https://heatwavefashion.sbs
Welcome to HeatWave Fashion, a modern, responsive e-commerce platform that delivers a smooth and stylish shopping experience. Featuring real-time weather updates, secure login options, and a fully responsive design, it’s crafted for the future of online shopping.
- New Arrivals – Discover the latest trends in fashion.
- Top Products – View best-selling and highly-rated items.
- Add, update, or remove items easily.
- View full cart summary before checkout.
- Displays local temperature in the navigation bar.
- Helps customers choose the perfect outfit based on the current weather.
- Powered by Open-Meteo API & OpenStreetMap Nominatim API.
- Seamless experience across desktop, tablet, and mobile devices.
- Mobile-friendly navbar with adaptive menu layout.
- Email & Password login/signup.
- Google Sign-In via Firebase OAuth integration.
- View and manage profile & order history after login.
- React.js – Fast and interactive UI development
- Redux Toolkit – Efficient global state management
- React Router DOM – Client-side routing
- Tailwind CSS – Utility-first modern UI styling
- Lucide React – Clean and customizable icons
- Node.js – JavaScript runtime for server-side logic
- Express.js – Lightweight framework for routing and API handling
- JWT (JSON Web Token) – Secure token-based user authentication
- Mongoose – Elegant MongoDB object modeling for handling data
- Open-Meteo API – Real-time weather forecast
- Nominatim (OpenStreetMap) – Reverse geolocation
- Google OAuth (Firebase) – Social login authentication
- Use the top navbar to browse between pages: Home, Shop, Blog, About, and Contact.
- Tap the hamburger menu icon to expand the mobile navigation drawer.
- Click on any product card to view details.
- Select product size and color before adding to cart.
- Use the cart icon to view and manage cart items.
- Click Login to sign in or create an account.
- You can also sign in with Google for quicker access.
- The current temperature and your location appear in the top-right of the navbar.
- Weather updates dynamically based on your location via the Open-Meteo API.
- Contributions are welcome! If you have suggestions for improvements, new features, or bug fixes, please open an issue or submit a pull request.
- This project is licensed under the MIT License.
- Node.js (v14+ recommended)
- npm or yarn
git clone https://github.com/MD-Danish-02/HeatWaveFashion.git
cd ecommerce-frontend
npm install # or yarn install