A high-performance, responsive e-commerce storefront built with the latest React 19 and Tailwind CSS v4. This project leverages the new React Compiler for optimized rendering and Vite for lightning-fast development.
- Core: React 19 (Latest Stable)
- Build Tool: Vite 7
- Styling: Tailwind CSS v4.0 (Engineered for speed)
- Routing: React Router 7
- Icons: FontAwesome (Solid, Regular, Brands)
- Optimization: Babel React Compiler
The application features a seamless navigation flow across 5 core views:
- Home: Dynamic landing page featuring top categories and promotions.
- Products: Full catalog with responsive grid layouts.
- Product Details: In-depth view for individual items with specs and pricing.
- Cart: Real-time shopping basket management.
- Contact: Support hub featuring FAQs, policies, and direct contact info.
- Next-Gen Styling: Built with Tailwind CSS 4 for better performance and smaller CSS bundles.
- Optimized Performance: Uses the new React 19 compiler to eliminate unnecessary re-renders.
- Declarative Routing: Powered by React Router 7 for smooth page transitions.
- Scalable Icons: Integrated FontAwesome library for a polished UI.
- Node.js (Latest LTS recommended)
- npm or yarn
- Clone the repository:
git clone https://github.com/k7areef/Ecommerce-Style.Loom
- Install dependencies:
npm install
- Start the development server:
npm run dev
To create an optimized production bundle:
npm run build