crea-touch Tailwind Templates

Crea Touch

E-commerce built with Reactjs, Redux Toolkit, React-Router-Dom, React Icons, Tailwind CSS, React-Hot-Toast, Framer-Motion, Fake Store API and React Testing Library✨

CreaTouch

About The Project

Features

CreaTouch is an e-commerce site.

  • Categories: Product filtering process by category.
  • Sorting: Sort the products from cheap to expensive or expensive to cheap.
  • Add to favorite: Products can be added to favorite.
  • Add to cart: Products can be added to cart.
  • Product detail: Product details can be examined.
  • Pagination: It is possible to switch between pages.
  • Search: For product search.
  • Login: For login to the site.
  • Sign up: For sign up to the site.

Built With

  • Reactjs: For building the user interface.
  • Redux Toolkit: For manage all transactions related to products.
  • React-Router-Dom: For page transitions.
  • React Icons: For displaying various icons throughout the application.
  • Tailwind CSS: For styling the application.
  • Framer-Motion: For the animation of the home page.
  • Local Storage: For keep the add to cart and favorite.
  • React-Hot-Toast: For send notifications to the user.
  • React Testing Library: For test the product.

Getting Started

To get the project up and running on your local machine, follow these steps:

Clone the repository:

git clone https://github.com/dilarauluturhan/crea-touch.git

Go to the project directory:

cd crea-touch

Install the required dependencies:

npm install

Start the application:

npm start

Go to http://localhost:3000 in your browser.

Live

https://crea-touch.vercel.app

Contact With

Dilara Uluturhan - LinkedIn - dilarauluturhan@outlook.com

Top categories

Loading Svelte Themes