Product Listings Application

This is a Next.js application that displays Product listing data from a JSON array. The project is built using modern React concepts and integrates with APIs to fetch data dynamically. The Airbnb listing cards are rendered with responsive styling, displaying key information such as amenities, price, bedrooms, and bathrooms.

Features

• Responsive Design: The listings are displayed in a grid format, automatically adjusting based on the screen size.
• API Integration: Fetches product data dynamically from an external API.
• TypeScript Support: The project is built using TypeScript, enabling type safety and improved developer experience.
• Next.js: Utilizes the Next.js framework for server-side rendering and routing.

Tech Stack

• Next.js: For building the React app with SSR capabilities.
• TypeScript: For static typing and ensuring type safety.
• Tailwind CSS: For utility-first styling and responsiveness.
• GraphQL: For API data fetching.

Installation

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/product_listing_app.git
   

2. Navigate to the project directory:

   cd product_listing_app
   

3. For Client:

   cd Client
   npm install
   npm run dev
   

4. For Server:

   cd Server
   npm install
   npm run dev