📇 Contacts Keeper

A sleek and responsive contact management web app built with React 19, TypeScript, and React Router v7. It provides full CRUD functionality with a clean UI, real-time feedback, and modern best practices in React development.

🎥 Demo

💡 Features

• ➕ Add new contacts with validation
• 🧾 View contact details with image and metadata
• ✏️ Update contact information
• 🗑️ Delete a contact with confirmation toast
• ⚡ Form handling using React Router actions and loaders
• 💬 UI feedback using sonner notifications
• 🔄 Optimised and type-safe async API integration

🛠 Tech Stack

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/Umairulislam/contacts-keeper.git
   cd contacts-keeper

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to http://localhost:5173

👨‍💼 Author

Crafted with care by Engr. Umair Ul Islam