Swiggy Landing Page Clone

This is a clone of the Swiggy landing page, created to showcase skills in React, Tailwind CSS, and Express. The project replicates the design and functionality of Swiggy’s landing page, offering a visually appealing and responsive UI with dynamic data fetching.

🛠️ Tech Stack:

• React: For building reusable UI components and managing the overall app structure.
• Tailwind CSS: For fast and efficient styling with a utility-first CSS framework.
• Express: For creating API endpoints to fetch dynamic data such as images and information, ensuring a dynamic experience.

🌟 Features:

• Responsive Design: Ensures that the application looks great on various screen sizes, providing a seamless experience across devices.
• Dynamic Data Fetching: Images and information are fetched dynamically through the API, mimicking the behavior of a real-world application.
• Reusable React Components: The UI components are structured to be modular and easy to maintain or extend.
• API Integration: Demonstrates how backend services (like Express APIs) can interact with the frontend to serve dynamic content.

🚀 How to Run the Project:

1. Clone this repository

   git clone https://github.com/yourusername/swiggy-landing-page-clone.git
   

2. Install dependencies
   Navigate to the project folder and install the necessary packages:

   npm install
   

3. Run the development server
   Start the React app:

   npm run dev
   

4. API
   To run the Express API, navigate to the API folder switch to the appropriate directory and run:

   npm install
   node index.js
   

📫 Feedback

Feel free to provide feedback or suggest improvements!