Swiggy Home Page Clone

This project is a clone of the Swiggy home page built using Next.js and Tailwind CSS.

Features

• Faithful recreation of the Swiggy home page UI.
• Built with Next.js for server-side rendering and client-side navigation.
• Styled using Tailwind CSS for rapid UI development.

How to Clone and Set Up

To clone and set up this project locally, follow these steps:

1. Clone the Repository:

   git clone https://github.com/abhaypithadiya/swiggy-clone.git

2. Navigate to the Project Directory:

   cd swiggy-clone

3. Install Dependencies:

   npm install

   or

   yarn install

4. Run the Development Server:

   npm run dev

   or

   yarn dev

5. Open Your Browser:

   Visit http://localhost:3000 to view the Swiggy home page clone.

Project Structure

• src/pages/: Contains Next.js pages.
• src/pages/components/: Contains React components used throughout the application.
• src/styles/: Contains global styles and Tailwind CSS configuration.
• public/: Contains static assets.

Technologies Used

• Next.js: React framework for server-side rendering and client-side navigation.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.