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.

• 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.
• Users can checkout and make payments using Paystack.

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

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

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. Set up environment variables

  # Copy the example environment file
  cp .env.example .env

  # Edit the .env file and add your Paystack public key
  VITE_PAYSTACK_PUBLIC_KEY=your_paystack_public_key_here

5. Start the server

  npm run start

• @dapoadedire

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!