Play. Explore. Connect.
A modern gaming web app built with React, Firebase, and TailwindCSS — featuring smooth animations, secure authentication, and a dynamic user experience.
GameHub is a stylish and responsive web application designed for gamers to explore and manage games.
It includes authentication, password reset, and profile management — all wrapped in a sleek, animated UI.
🔗 [https://beamish-tarsier-2d97c3.netlify.app/]
| ✅ Feature | 💬 Description |
|---|---|
| User Authentication | Secure login, registration, and logout using Firebase Auth |
| Profile Management | Users can update their display name and profile picture instantly |
| Forgot Password | Password reset feature that redirects users to Gmail |
| Dynamic Routing | Implemented using React Router with protected routes |
| Responsive Design | Fully mobile-friendly layout using TailwindCSS |
| Sweet Alerts | Custom popups for success/error via SweetAlert2 |
| Dynamic Titles | Each page sets its document title dynamically |
| Modern Animations | Smooth transitions powered by Framer Motion |
| Dark/Light Mode Ready | Design adapts beautifully to any theme |
| Attractive UI | Tailwind-powered gradients, hover effects, and animations |
| 📦 Package | ⚙️ Purpose |
|---|---|
react |
Core UI library |
vite |
Fast build tool for React |
react-router-dom |
For routing and navigation |
firebase |
Authentication and backend services |
sweetalert2 |
Custom alert dialogs |
tailwindcss |
Modern utility-first CSS framework |
react-icons |
Icon library for UI components |
framer-motion |
For smooth animations and transitions |