Data Fetching from Mock API

A Next.js application demonstrating how to fetch, manage, and display data from a mock API using modern React patterns.

✨ Overview

This project demonstrates the fundamentals of fetching external API data in a Next.js application.

It focuses on retrieving data from a mock API and rendering it dynamically in a responsive user interface.

🚀 Features

• Fetch data from a mock API
• Display API data dynamically
• Handle asynchronous data fetching
• Built with Next.js and React
• TypeScript support
• Responsive user interface

🛠️ Tech Stack

• Framework: Next.js
• Language: TypeScript
• Frontend: React
• Styling: Tailwind CSS
• API: Mock API

⚙️ Getting Started

Install Dependencies

npm install

Run the Development Server

npm run dev

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

You can start editing the application inside the src/app directory. The page will automatically update as you make changes.

📁 Project Structure

.
├── public/
├── src/
│   └── app/
├── package.json
├── next.config.ts
├── tailwind.config.ts
├── tsconfig.json
└── README.md

🎯 Purpose

This project was created to practice working with APIs and understand how external data can be fetched and displayed in a Next.js application.