Vercel Store Clone

A modern e-commerce application built with Next.js 14, TypeScript, and Tailwind CSS. This project is a clone of Vercel's store, using the Fake Store API for product data.

Features

• 🛍️ Product catalog with categories
• 🔍 Search functionality
• 🛒 Shopping cart management
• 📱 Responsive design
• ⚡ Fast performance with Next.js
• 🎨 Modern UI with Tailwind CSS

Tech Stack

• Next.js 14
• TypeScript
• Tailwind CSS
• Fake Store API
• Vercel Analytics
• Speed Insights

Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/vercel-store-clone.git

2. Install dependencies:

npm install
# or
yarn install

3. Create a .env.local file in the root directory:

NEXT_PUBLIC_FAKE_STORE_API_URL=https://fakestoreapi.com

4. Run the development server:

npm run dev
# or
yarn dev

5. Open http://localhost:3000 in your browser.

Project Structure

├── app/                    # Next.js app directory
├── components/            # React components
├── lib/                   # Utility functions and API
├── public/               # Static assets
└── types/                # TypeScript type definitions

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details.