Comforty is a modern and responsive e-commerce web app designed for a smooth and intuitive furniture shopping experience. Built with Next.js and Tailwind CSS, this project was developed as part of a hackathon to demonstrate essential marketplace features with a clean, user-friendly design.
- ποΈ Product Listing with dynamic routing
- π Add to Cart functionality using context-based state management
- π¦ Single Product Pages
- π¨ Fully responsive UI based on Figma design
- β‘ Real-time data fetching from Sanity CMS using GROQ
- π± Mobile-first design with Tailwind CSS
- Browse Categories: Explore a variety of furniture categories to find exactly what you need.
- Product Listings: View detailed product cards including images, names, and pricing.
- Product Detail Page: Get a closer look at individual items with comprehensive product details.
- Shopping Cart: Add or remove products, with real-time cart updates and total calculations.
- Responsive Design: Optimized for mobile, tablet, and desktop to ensure a consistent experience.
- Fast Performance: Powered by Next.js for quick page loads and smooth navigation.
- Next.js β App Router
- TypeScript
- Tailwind CSS
- Sanity CMS
- GROQ β Sanity data queries
- Context API β Global cart state
- React Icons