https://github.com/ismail-dev-code/hobby-hub-client-code

HobbyHub, a creative community platform for hobbyists! built with React, Vite, Tailwind CSS, and DaisyUI for blazing-fast performance and beautiful design.
https://github.com/ismail-dev-code/hobby-hub-client-code

crud-api daisyui firebase firebase-auth javascript mongodb react tailwingcss

Last synced: 7 months ago
JSON representation

HobbyHub, a creative community platform for hobbyists! built with React, Vite, Tailwind CSS, and DaisyUI for blazing-fast performance and beautiful design.

• Host: GitHub
• URL: https://github.com/ismail-dev-code/hobby-hub-client-code
• Owner: ismail-dev-code
• Created: 2025-06-03T04:53:25.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-06-25T04:29:11.000Z (8 months ago)
• Last Synced: 2025-06-25T05:27:32.545Z (8 months ago)
• Topics: crud-api, daisyui, firebase, firebase-auth, javascript, mongodb, react, tailwingcss
• Language: JavaScript
• Homepage: https://hobby-hub-bd.web.app
• Size: 1.41 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🎨 HobbyHub — Frontend

Welcome to **HobbyHub**, a creative community platform for hobbyists! This is the **frontend** of the project, built with **React**, **Vite**, **Tailwind CSS**, and **DaisyUI** for blazing-fast performance and beautiful design.

- 🌐 **Live Site**: [https://hobby-hub-bd.web.app](https://hobby-hub-bd.web.app)  

- 📂 **GitHub Repo**: [Frontend on GitHub](https://github.com/ismail-dev-code/hobby-hub-client-code)

- 📂 **GitHub Repo**: [Backend on GitHub](https://github.com/ismail-dev-code/hobby-hub-server-code)

---

## 🚀 Tech Stack

- 🔐 Secure Authentication with Firebase (email/password + Google sign-in)

- 📂 Create, Read, Update, Delete (CRUD) functionality for hobby groups

- 📢 Live Toast Alerts for feedback

- 🎭 Animations and transitions for engaging UI

- 🧑‍🤝‍🧑 Private Routes for protected pages

- 🌍 Fully Responsive UI with mobile-first design

- 📆 End Date Countdown feature

- 🎞️ Animated Sliders on homepage

- 📌 Dynamic Metadata using react-helmet-async

- 🎭 Custom Loader and Error Pages

- 🎨 React Icons — Icon packs

---

## 🔧 Installation & Setup

1. **Clone the repository:**

   ```bash

   git clone https://github.com/ismail-dev-code/hobby-hub-client-code

   cd hobby-hub-client-code

   npm install 

   npm run dev