https://github.com/md-zeon/subscribify
🎁 Subscribify – Personalized Monthly Subscription Boxes A winter-themed web app to discover, subscribe, and manage curated tech boxes. Built with React, Firebase, and responsive UI.
https://github.com/md-zeon/subscribify
daisyui firebase react react-router tailwindcss
Last synced: 3 months ago
JSON representation
🎁 Subscribify – Personalized Monthly Subscription Boxes A winter-themed web app to discover, subscribe, and manage curated tech boxes. Built with React, Firebase, and responsive UI.
- Host: GitHub
- URL: https://github.com/md-zeon/subscribify
- Owner: md-zeon
- Created: 2025-06-25T09:47:08.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-25T10:29:38.000Z (about 1 year ago)
- Last Synced: 2025-06-25T11:31:27.834Z (about 1 year ago)
- Topics: daisyui, firebase, react, react-router, tailwindcss
- Language: JavaScript
- Homepage: https://subscription-box-22a46.web.app/
- Size: 431 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎁 Subscribify
**Subscribify** is a multi-themed, personalized Subscription Box Service Platform built with **React**, **Firebase**, **React Router**, and **DaisyUI**. Users can browse curated subscription boxes, manage their profiles, and enjoy a seamless and responsive experience.
---
## 🌟 Purpose
The project aims to offer users a curated, monthly subscription experience with local support encouragement. It provides a smooth, secure, and user-friendly interface for exploring and managing personalized tech-based subscription boxes.
---
## 🔗 Live Demo
👉 [Subscribify Live Site](https://subscription-box-22a46.web.app/)
---
## 🚀 Key Features
- ✅ **Responsive Design** – Optimized for mobile, tablet, and desktop
- 🔐 **Protected Routes** – Pages like Subscription Details and My Profile require login
- 🔄 **Persistent Auth State** – Keeps users logged in even after reload
- 💬 **Review System** – Users can submit reviews and ratings (1–5)
- 🧭 **Dynamic Page Titles** – Implemented via `react-helmet-async`
- 🎠 **Swiper Slider** – Interactive hero carousel with 3 slides
- 🎨 **AOS Animations** – Smooth entrance animations for key sections
- 🧑💻 **My Profile Page** – View and update name and photo using Firebase `updateProfile()`
- ❌ **Custom 404 Page** – Friendly page for non-existent routes
- 🔧 **Password Reset** – Working forgot password flow with Gmail redirect
## npm Packages Used
- react
- react-dom
- react-router
- firebase
- swiper
- react-toastify
- aos
- react-helmet-async
- daisyui
- tailwindcss
- react-icons
## ⚙️ Installation
### 1. Clone the Repository
```bash
git clone https://github.com/md-zeon/subscribify.git
cd subscribify
```
### 2. Install Dependencies
```bash
npm install
```
### 3. Configure Firebase
Create a .env.local file and add your Firebase configuration:
```env
VITE_API_KEY=your_api_key
VITE_AUTH_DOMAIN=your_auth_domain
VITE_PROJECT_ID=your_project_id
VITE_STORAGE_BUCKET=your_storage_bucket
VITE_MESSAGING_SENDER_ID=your_sender_id
VITE_APP_ID=your_app_id
```
4. Run the Development Server
```bash
npm run dev
```
Visit: http://localhost:5173