📦 Boxnetic – Subscription Box Platform

Live Site: Visit Boxnetic

---

🎯 Project Theme

Boxnetic is a modern Subscription Box Service Platform that allows users to explore, subscribe to, and manage personalized subscription boxes with ease. Each box is tailored to the user’s interests—ranging from smart gadgets to ebooks, design assets, coding challenges, and more—delivered monthly or yearly. The goal is to provide a unique and exciting experience through carefully curated items in every box.

---

🚀 Features

• 🔐 User Authentication: Sign up, log in, log out, and reset forgotten passwords securely.
• 🌐 Dynamic Routing: React Router DOM enables smooth navigation and route protection.
• 📱 Responsive Design: Fully responsive on all devices for optimal user experience.
• 📦 Curated Boxes: Subscription options based on interest categories and also can give review in every subscription box.
• 🔄 Real-Time Updates: Auth state monitoring for dynamic UI behavior.

---

🛠️ Technologies Used

• ⚛️ React.js – Component-based architecture and dynamic UI
• 🌍 React Router DOM – Client-side routing
• 🎨 Tailwind CSS – Utility-first CSS framework for styling
• 🧩 DaisyUI – Pre-built Tailwind components for UI consistency
• 🔥 Firebase Authentication – Secure and real-time user authentication
• 🌐 Firebase Hosting – Fast and reliable hosting

---

📦 Dependencies

{
  "@tailwindcss/vite": "^4.1.8",
  "axios": "^1.10.0",
  "firebase": "^11.9.1",
  "flowbite": "^3.1.2",
  "lottie-react": "^2.4.1",
  "react": "^19.1.0",
  "react-countdown-circle-timer": "^3.2.1",
  "react-datepicker": "^8.4.0",
  "react-dom": "^19.1.0",
  "react-icons": "^5.5.0",
  "react-router": "^7.6.2",
  "react-toastify": "^11.0.5",
  "sweetalert2": "^11.6.13",
  "swiper": "^11.2.8",
  "tailwindcss": "^4.1.8"
}

⚙️ How to Run Locally

1.Clone the repository

git clone https://github.com/Abdullah0604/boxnetic-subscription-platform.git
cd boxnetic-subscription-platform

2.Install Dependencies

npm install 

3.Create and Configure .env File

VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
VITE_FIREBASE_APP_ID=your_app_id

4.Run the application

npm run dev 

Boxnetic transforms monthly deliveries into moments of joy, curiosity, and discovery.