Skip to content

E-commerce app built with React & Tailwind CSS featuring product carousel, pagination, cart management with Context API, local storage, and Clerk authentication.

Notifications You must be signed in to change notification settings

marleyDip/React-ECommerce-Context-API-Tailwind-CSS

Repository files navigation

🛒 Modern E-Commerce Website - React, Tailwind CSS & Context API

A fully functional e-commerce application built with React.js, Tailwind CSS, React-Router, and Context API for smooth state management.

It features secure user authentication with Clerk, a modern UI, and essential e-commerce functionality, including cart management, product pages, local storage support, and Protected Route. 🚀

🔑 Key Features

  • 🎨 Modern, responsive UI with Tailwind CSS

  • 🖼️ Product carousel using React Slick

  • 📄 Pagination for product listing

  • 🛍️ Add to Cart & Cart Management

  • 💾 Persistent cart with Local Storage

  • 👤 User Authentication & Authorization with Clerk

  • ⚡ State management using Context API

✨ Technologies Used

  • ⚛️ React.js

  • 🎨 Tailwind CSS

  • 🖼️ React Slick

  • 🛠️ Context API

  • 🔒 Clerk Authentication

Project Overview

screencapture-sofian-e-commerce-react-context-api-netlify-app-2025-08-24-09_55_25 screencapture-sofian-e-commerce-react-context-api-netlify-app-products-2025-08-24-09_56_26 screencapture-sofian-e-commerce-react-context-api-netlify-app-cart-2025-08-24-09_57_18 screencapture-sofian-e-commerce-react-context-api-netlify-app-products-1-2025-08-24-10_01_06 Screenshot (76) screencapture-sofian-e-commerce-react-context-api-netlify-app-contact-2025-08-24-09_56_51 screencapture-sofian-e-commerce-react-context-api-netlify-app-about-2025-08-24-09_56_42 Screenshot (72) Screenshot (73) Screenshot (71)