A sleek, single-page web application where users can explore, subscribe to, and manage curated monthly subscription boxes based on their interests. Built for simplicity, speed, and personalization.
- ✅ Fully responsive design (mobile, tablet, desktop)
- 🧭 Dynamic page titles
- ❌ Custom 404 page
- 🔥 Deployed with Firebase Hosting
- 🔐 Firebase config secured with environment variables
- 📧 Email/Password registration and login
- 🔓 Google OAuth integration
- ✅ Password requirements: 1 uppercase, 1 lowercase, min 6 characters
- 🔁 Forgot Password flow with pre-filled email
- 🔔 Real-time feedback using Toast and SweetAlert2
- 🔒 Persistent login with
onAuthStateChanged - 👁 Password show/hide toggle with eye icon
- 🎞 Hero section with Swiper slider (3+ slides)
- 📦 Subscription Services section (6+ cards from JSON)
- 💬 User Reviews & FAQs
- ℹ️ Full service information
- ✍️ Review form with star rating and comments
- 📖 Display of all submitted reviews
- 👨💼 Shows user's name, email, and photo
- 🛠 Editable profile fields (name and photoURL)
- 🗂 All available subscription boxes shown in cards
- ✅ Checkbox selection of boxes
- 🧾 SweetAlert confirmation on form submit
- 📋 Displays user’s selected boxes
- Login Page – Email/password + Google sign-in
- Register Page – Includes name, email, password, photo URL
- Forgot Password Page – Reset link with Gmail redirect
| Tech | Description |
|---|---|
| React.js | Core front-end framework |
| Firebase Auth | Authentication system |
| Firebase Hosting | Deployed live site |
| React Router | Client-side routing |
| Tailwind CSS + DaisyUI | Styling and component UI |
| Swiper.js | Hero slider |
| AOS | Scroll animations |
| SweetAlert2 | Elegant alert modals |
| react-icons | Icon library |