🛒 Baskitty - Online Grocery Store (L I V E)

Baskitty is a beautifully designed, responsive online grocery store built with React and TypeScript. It offers a smooth shopping experience with features like category filtering, pagination, a persistent cart, and toast notifications. Whether you're after fresh fruits or veggies, Baskitty makes it simple and delightful!

---

✨ Features

• 🧺 Persistent Cart (localStorage)
• 🥑 Category Filter for grocery items
• 🔍 Live Search with real-time filtering
• 🖼️ Image Carousel on the homepage
• 💬 Toast Notifications for cart actions
• 🛍️ Cart Modal with quantity control and checkout
• 📦 Pagination for product listings
• ⏳ Loading Screen with paw animation
• 🔝 Scroll-to-Top Button

---

🧱 Tech Stack

• Frontend: React + TypeScript
• Styling: CSS / utility-first classes
• State Management: React Hooks (useState, useEffect)
• Build Tool: Vite

---

📁 Project Structure

src/
├── components/
│   ├── Navbar.tsx
│   ├── Footer.tsx
│   ├── Carousel.tsx
│   ├── CardsGrid.tsx
│   ├── CartModal.tsx
│   ├── CategoryFilter.tsx
│   ├── WhyShopWithUs.tsx
│   ├── ToastMessage.tsx
│   └── Pagination.tsx
├── data/
│   └── groceryItems.ts
├── index.css
├── App.tsx
└── main.tsx

---

Prerequisites

• Node.js (v16+)
• npm or yarn

---

📄 License

MIT

---

🙌 Contributing

Contributions are welcome! Fork the repo, create a new branch, and submit a pull request. Make sure to format your code and test changes locally.

---

💬 Feedback

Found a bug or want to suggest a feature? Open an issue or contact me via GitHub.

---