Skip to content

Repository files navigation

🛍️ Product App

A modern, responsive e-commerce-style application built with React, TypeScript, and TailwindCSS, using Context API for global state management. The app pulls data from the DummyJSON API for product listings and the Random User API for showcasing top sellers.


🔧 Tech Stack

  • React – Front-end library
  • TypeScript – Type-safe JavaScript
  • Context API – Global state management
  • Tailwind CSS – Utility-first styling
  • DummyJSON API – Mock product data
  • Random User API – Dynamic user avatars for top sellers

✨ Features

  • 🔍 Product Filtering by:
    • Keyword search
    • Price range
    • Category
    • Predefined tags
  • 📦 Paginated Product Listings with sorting options:
    • Cheap → Expensive
    • Expensive → Cheap
    • Most Popular
  • 👕 Sidebar with Filters – Fully dynamic and scrollable
  • 🧑‍💼 Top Sellers Section with real-time user images and follow/unfollow buttons
  • 📖 Popular Blogs section to highlight trending content
  • 📱 Fully Responsive UI – Optimized for most screen sizes

About

Product page using ReactJS, TypeScript and TailWindCSS

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages