🛒 ShopMate

ShopMate is a smart shopping list application built with React (Vite) and Firebase.
It helps users organize their groceries, share lists with others, and keep everything synchronized in real-time.

---

🚀 Features

• User Authentication

  • Sign up, log in, log out (Firebase Authentication).
  • Persistent login session.

• Shopping List Management

  • Add new items to your shopping list.
  • Mark items as ✅ completed or ❌ delete them.
  • Filter items by All, Completed, or Pending.

• Sharing

  • Share your shopping list items with other users by email.
  • Shared users can see and update items in real-time.

• Real-time Updates

  • Powered by Firebase Firestore onSnapshot.
  • Multiple users see changes instantly without refreshing.

• Responsive Design

  • Optimized for mobile and desktop.
  • Clean and modern UI with separate login/signup pages.

---

💡 Problem It Solves

Keeping track of groceries is hard — especially when multiple people are involved.
ShopMate solves this by:

• Eliminating forgotten items (always accessible list).
• Allowing collaboration with family or roommates (sharing feature).
• Keeping the list in sync in real-time across devices.
• Providing an easy-to-use interface for quick add, delete, and complete actions.

---

🛠️ Tech Stack

• Frontend: React (Vite), React Router, CSS
• Backend/Database: Firebase (Firestore, Authentication)

✅ Future Improvements

• Offline support with Firestore persistence.
• Push notifications when someone updates a shared list.

---

🔗 Live Demo

👉 Click here to try it on Vercel