A next-generation, animated, and fully responsive event booking platform for athletes, organizers, and fans. Experience seamless event discovery, booking, and management—all in one place.
- Stunning UI/UX: Modern, branded, and animated with Framer Motion, Swiper, and more.
- Lightning Fast: Powered by Vite and optimized React 19.
- Mobile First: Flawless on any device—desktop, tablet, or mobile.
- Real-Time Booking: Secure, robust, and instant feedback.
- Organizer Tools: Effortless event creation and management.
- Personal Dashboard: Track your bookings, events, and profile.
- Accessibility: Built for everyone, everywhere.
- Engaging Home: Hero slider, testimonials, and trending sports.
- Comprehensive Info: About, FAQs, How It Works, Organizers, Blog, Support, Terms & Conditions.
- React 19 & Vite
- Tailwind CSS 4 (custom design, no daisyUI in navbar)
- Framer Motion & react-awesome-reveal (animations, scroll and entrance animations)
- Swiper (sliders)
- react-icons (Icons)
- react-datepicker (Pick Time)
- Lottie-react (illustrations)
- SweetAlert2 (alerts)
- Firebase (auth & backend)
- Axios (API)
- Express 5 (Node.js web framework)
- MongoDB 6 (database)
- firebase-admin (Firebase Admin SDK)
- dotenv (environment variable management)
- cors (Cross-Origin Resource Sharing)
# 1. Clone the repo
git clone https://github.com/shihabuddin-dev/athletic-hub-client
cd athletic-hub-client
# 2. Install dependencies
npm install
# 3. Add your Firebase config to src/firebase/firebase.init.js
# 4. Start the app
npm run dev
# 5. Visit http://localhost:5173src/components/— Reusable UI & feature componentssrc/pages/— All main pages (Home, Events, Bookings, Profile, etc.)src/routes/— Routing & private route logicsrc/assets/— Images, icons, Lottie filessrc/context/— Auth contextsrc/hooks/— Custom React hooks
- LinkedIn: Connect with Shihab Uddin
- Live Site: athletichub-pro.web.app
MIT
🏆 Crafted with passion for athletes and event organizers. Book, manage, and celebrate your next event with Athletic Hub!