https://github.com/kader009/trendwave-frontend
TrendWave the ecommerce website
https://github.com/kader009/trendwave-frontend
javascript nextjs15 reactjs redux-persist redux-thunk redux-toolkit sonner tailwindcss typsecript
Last synced: about 2 months ago
JSON representation
TrendWave the ecommerce website
- Host: GitHub
- URL: https://github.com/kader009/trendwave-frontend
- Owner: kader009
- Created: 2025-06-05T02:15:35.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-06-30T05:57:40.000Z (3 months ago)
- Last Synced: 2025-06-30T06:39:15.691Z (3 months ago)
- Topics: javascript, nextjs15, reactjs, redux-persist, redux-thunk, redux-toolkit, sonner, tailwindcss, typsecript
- Language: TypeScript
- Homepage: https://trendwave-frontend.vercel.app
- Size: 440 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TrendWave (Ecommerce)
TrendWave is a modern e-commerce platform frontend built with **Next.js**, **React 19**, **TailwindCSS**, **Redux Toolkit**, and more. It offers a seamless shopping experience, beautiful UI, and easy vendor and product management.
---
## Tech Stack
- [Next.js 15](https://nextjs.org/)
- [React 19](https://react.dev/)
- [TailwindCSS 4](https://tailwindcss.com/)
- [Redux Toolkit](https://redux-toolkit.js.org/)
- [React Hook Form](https://react-hook-form.com/)
- [Zod (Schema validation)](https://zod.dev/)
- [Lucide Icons](https://lucide.dev/)
- [Heroicons](https://heroicons.com/)
- [Axios](https://axios-http.com/)
- [Redux Persist](https://github.com/rt2zz/redux-persist)
- [Swiper.js](https://swiperjs.com/)
- [Sonner (Toasts)](https://sonner.emilkowal.ski/)
---
## 💡 Features
- 🛍️ **Modern UI** with interactive product sliders powered by **Swiper.js**
- 🧠 **State management** using **Redux Toolkit** and **Redux Persist**
- 📨 **Real-time toast notifications** with **Sonner**
- 🔐 **Form validation** using **React Hook Form** combined with **Zod**
- 📱 **Fully responsive design**, optimized for mobile, tablet, and desktop
- 🔄 **API integration** handled with **Axios**
- ⚡ **Server-Side Rendering (SSR)** and **Incremental Static Regeneration (ISR)** for performance and SEO
- 🛒 Special handling of **Flash Sale** and **Top Products** using dynamic/static rendering
- 🔑 **Role-Based Access Control (RBAC)** implemented for:
- 👤 **Customer**
- 🛍️ **Seller**
- 🛠️ **Admin**
---
## Getting Started
Follow these steps to get the project running locally:
### 1. Clone the Repository
```bash
git clone https://github.com/kader009/trendwave-frontend.git
```
In the project directory, you can run:
### 2. `npm install`
Installs all the dependencies listed in the `package.json` file. This command sets up your project by downloading the necessary packages before you can run or build the app.
### 3. `npm run dev`
Runs the app in development mode using Next.js with Turbopack.
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
### 4. `npm run build`
Builds the app for production to the `.next` folder. It bundles React in production mode and optimizes the build for the best performance.Now you are ready to deploy your site on vercel or others like vercel.
## Contact
**Name:** Md Abdul Kader Molla
**Email:** kadermollarasel000@gmail.com