A modern React web application showcasing a collection of flagship smartphones with dynamic routing, clean UI, and intuitive user experience.
- 🔍 View All Phones: Browse a list of flagship smartphones with key details.
- 📄 Dynamic Routing: View individual phone details via dynamic URL paths (e.g.,
/phones/1). - 🛒 Add to Cart: Save selected phones to a local storage–based cart.
- 🔁 Persisted Cart Data: Cart information persists on page reloads using
localStorage. - 🔔 Toast Notifications: Feedback via toast messages when actions (like adding to cart) occur.
- 🌐 SPA with React Router: Smooth client-side navigation without page reloads.
- 🎨 Modern UI: Responsive and styled using Tailwind CSS + DaisyUI.
- React – UI Library
- React Router DOM – Client-side routing
- Tailwind CSS + DaisyUI – Styling
- localStorage – Cart data persistence
- React Toastify – Notification system
- Surge – Static site hosting