📇 Contacts App

A responsive React application that displays a list of contacts fetched from a public API. Built using React, and Tailwind CSS.

---

✨ Introduction

• Fetches contacts from JSONPlaceholder
• Responsive layout for desktop and mobile
• Styled with Tailwind CSS

---

🚀 Getting Started

1. Clone the Repository

git clone git@github.com:cherisechan/contacts.git
cd contacts

2. Install Dependencies

npm install

3. Start the Development Server

npm run dev

Open http://localhost:5173 in your browser to view the app.

---

🛠 Tech Stack

• React – UI Library
• Vite – Development server and bundler
• Tailwind CSS – Utility-first CSS framework
• JSONPlaceholder – Free fake API for user data

---

📁 Project Structure

contacts/
├── public/
│   └── index.html
├── src/
│   ├── components/
│   │   └── ContactCard.jsx
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── postcss.config.js
├── tailwind.config.js
├── package.json
└── README.md