A modern React + Vite web application built for gamers — explore, connect, and engage with community-driven gaming content.
This project is styled with Tailwind CSS, uses Firebase for authentication and hosting, and is deployed on Vercel.
🌐 Live URLs:
- Game Station (Cloudflare Pages)
- Game Station (Netlify)
- Game Station (Firebase Hosting)
- Game Station (Vercel Hosting)
- Frontend: React (JSX) + Vite
- Styling: Tailwind CSS + DaisyUI
- Animations: Lottie JSON
- Backend / Auth / Database: Firebase
- Deployment: Vercel / Netlify / Firebase
- Tooling: ESLint + PostCSS
- ⚛️ Component-based architecture (reusable, modular UI)
- 🔐 Firebase authentication (login/register with validation)
- 📱 Fully responsive layout (Tailwind CSS + DaisyUI)
- 💫 Lottie animations for smooth UI interaction
- 🌍 Client-side routing using React Router DOM
- 💾 Persistent state and storage integration
- 🔔 Toast notifications (react-hot-toast)
- 🔄 Context API for global state management
- 🧰 Modern Vite setup with ESLint and PostCSS
| Type | Packages |
|---|---|
| Core | react, react-dom, vite |
| Styling | tailwindcss, daisyui, postcss, autoprefixer |
| Firebase | firebase |
| Animations | lottie-react, @lottiefiles/dotlottie-react |
| Utilities | date-fns, localforage, match-sorter, sort-by |
| UI / UX | react-hot-toast, react-icons, motion |
| Routing | react-router-dom |
| Linting / Dev Tools | eslint, @vitejs/plugin-react, eslint-plugin-react-hooks, eslint-plugin-react-refresh, @eslint/js, globals |
git clone https://github.com/your-username/game-station.git
cd game-station
2️⃣ Install dependencies
npm install
3️⃣ Run the development server
npm run dev
4️⃣ Build for production
npm run build
5️⃣ Preview production build
npm run preview📁 Folder / File Structure
game-station/
│
├── public/ # Static files, images, JSON data
├── src/
│ ├── components/ # Reusable UI components
│ ├── context/ # Context API for global state
│ ├── pages/ # All route pages (Home, About, Contact, etc.)
│ ├── routes/ # React Router setup
│ ├── Animation/ # Lottie animation JSON files
│ ├── App.jsx # Main App entry point
│ └── main.jsx # React root renderer
│
├── .eslintrc.cjs # ESLint configuration
├── tailwind.config.js # Tailwind setup
├── postcss.config.js # PostCSS setup
├── package.json # Project dependencies and scripts
├── vite.config.js # Vite configuration
└── README.md # Project documentation
🌍 Deployment
- Vercel: Build command → vite build, Output directory → dist
- Firebase: Run firebase deploy
- Netlify: Build command → npm run build, Publish directory → dist
- Cloudflare Pages: Connect repo → Set build output to dist
🤝 Contributing
- Fork this repository
- Create a new branch (feature/your-feature)
- Commit your changes
- Push to the branch
- Open a Pull Request
📜 License This project is licensed under the MIT License — you are free to use, modify, and distribute it.
💡 Game Station — Built with passion for gaming and technology.