📱 Phone Manager App – Personal Contact Organizer

A full-stack MERN application that allows users to securely manage their personal contacts with features like JWT authentication, image uploads, alphabetical sorting, PATCH-based editing, and dark/light theme toggle.

---

🚀 Features

• 🔐 JWT Authentication: Secure login/signup with protected routes.
• 👤 User-Specific Data: Each user manages their own contact list (fully isolated).
• 🖼️ Image Uploads: Upload profile photos with auto-avatar fallback via external API.
• ✏️ Partial Updates (PATCH): Edit only specific fields of a contact.
• 🔍 Real-Time Search: Live filtering of contacts by name.
• 📇 Alphabetical Sorting: Contacts are auto-sorted by name.
• 🌗 Theme Toggle: Switch between dark and light modes.
• 📱 Responsive UI: Optimized layout for mobile and desktop.

---

🛠️ Tech Stack

Frontend	Backend	Database	Other Tools
React.js	Node.js	MongoDB	Tailwind CSS, JWT, Axios
React Router	Express.js		Multer, React Toastify

---

📸 Screenshots

🟢 Login Page

🟢 Contact Dashboard (Light Theme)

🌑 Contact Dashboard (Dark Theme)

---

📂 Project Structure

 phone-manager-app/ 
├── client/ # React frontend 
├── server/ # Express backend 
├── images/ # Screenshots used in README 
├── .gitignore
├── README.md

---

⚙️ Getting Started Locally

1. Clone the repository

git clone https://github.com/your-username/phone-manager-app.git
cd phone-manager-app

Backend Setup (server/)

cd server npm install npm run dev

Frontend Setup (client/)

cd client npm install npm start

---

---

🙋‍♂️ Author

Harshit Pal Singh
📧 harshitpalsingh690@gmail.com
🔗 LinkedIn
🔗 GitHub

---