TrendHub

TrendHub is an e-commerce website that allows users to view items in different categories and add them to a cart. The frontend is built with React and TailwindCSS, and additional libraries like React-Icons, Sonner, Hamburger-React, React-Router, Framer Motion, and ESLint are used to enhance the user experience.

Features

• Users can browse items in different categories.
• Users can add items to a cart, remove items from the cart, and adjust the quantity of items in the cart.
• Users can view the total price and the total number of items in the cart.
• Users can save and remove items to a wishlist.
• Users can view the total number of items in the wishlist.

Tech Stack

• React
• TailwindCSS
• React-Icons
• Sonner(best toaster library in the world.)
• Hamburger-React
• React-Router
• Framer Motion
• ESLint

Demo

e0dcc957-2fcb-46a3-86e0-fd7b7fd86b63.mp4

Live Site

A live version of TrendHub can be found at https://trend-hub.vercel.app/.

Installation and Setup

To run TrendHub locally, follow these steps:

1. Clone the project

  git clone https://github.com/dapoadedire/trendhub.git

2. Go to the project directory

  cd trendhub

3. Install dependencies

  npm install

4. Start the server

  npm run start

Author

• @dapoadedire

Feedback

If you have any feedback or suggestions, please reach out to me on Twitter at twitter.com/dapo_adedire or create an issue on GitHub. Thank you for checking out TrendHub!