https://github.com/ansarulislam10/chill-gamer-client
Chill Gamer is a game review site where users can explore and rate games. Built with **React.js** and **Tailwind CSS** for a responsive experience.
https://github.com/ansarulislam10/chill-gamer-client
express firebase mongodb react tailwind
Last synced: 3 months ago
JSON representation
Chill Gamer is a game review site where users can explore and rate games. Built with **React.js** and **Tailwind CSS** for a responsive experience.
- Host: GitHub
- URL: https://github.com/ansarulislam10/chill-gamer-client
- Owner: AnsarulIslam10
- Created: 2025-01-04T05:15:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-07T05:26:28.000Z (over 1 year ago)
- Last Synced: 2026-01-03T14:25:01.766Z (6 months ago)
- Topics: express, firebase, mongodb, react, tailwind
- Language: JavaScript
- Homepage: https://chill-gamer-351bd.web.app
- Size: 755 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Chill Gamer | Live Link🔗](https://chill-gamer-351bd.web.app)
Chill Gamer is a user-friendly game review application. Here users can explore and share game reviews.
## Features
- **Game Reviews**: Browse through a collection of user reviews for the latest games across multiple genres.
- **Add Review:** Users can add their own reviews for games, and rate games based on their personal experience.
- **My Reviews:** Users can view and manage their own reviews, including the ability to update or delete them.
- **My Watchlist:** Add games to your personal watchlist and easily access your favorite ones.
- **Theme Toggle:** Switch between light and dark themes for a comfortable viewing experience.
- **Sort**: Easily sort games by rating and year.
- **Filter**: Easily filter games by genre.
- **Responsive Design**: Enjoy a seamless experience across all devices, from desktop to mobile.
## Technologies Used
- **Frontend:** HTML, CSS, React.js, Tailwind CSS, Daisy UI.
- **Backend:** Node.js, Express, MongoDB.
- **Authentication:** Firebase Authentication.
- **Pop-up Alerts:** SweetAlert2 & React Toastify for interactive pop-ups.
## Dependencies
- `firebase`: ^11.0.2
- `localforage`: ^1.10.0
- `match-sorter`: ^8.0.0
- `react`: ^18.3.1
- `react-awesome-reveal`: ^4.2.14
- `react-dom`: ^18.3.1
- `react-fast-marquee`: ^1.6.5
- `react-helmet-async`: ^2.0.5
- `react-icons`: ^5.4.0
- `react-native-toggle-element`: ^2.1.1
- `react-rating-stars-component`: ^2.2.0
- `react-router-dom`: ^7.0.2
- `react-simple-typewriter`: ^5.0.1
- `react-toastify`: ^10.0.6
- `react-tooltip`: ^5.28.0
- `sort-by`: ^1.2.0
- `sweetalert2`: ^11.14.5
- `swiper`: ^11.1.15
## Dev Dependencies
- `@eslint/js`: ^9.15.0
- `@types/react`: ^18.3.12
- `@types/react-dom`: ^18.3.1
- `@vitejs/plugin-react`: ^4.3.4
- `autoprefixer`: ^10.4.20
- `daisyui`: ^4.12.14
- `eslint`: ^9.15.0
- `eslint-plugin-react`: ^7.37.2
- `eslint-plugin-react-hooks`: ^5.0.0
- `eslint-plugin-react-refresh`: ^0.4.14
- `globals`: ^15.12.0
- `postcss`: ^8.4.49
- `tailwindcss`: ^3.4.15
- `vite`: ^6.0.1
## Installation
1. Clone the repo:
```
git clone https://github.com/AnsarulIslam10/Chill-Gamer-Client.git
```
2. Install dependencies:
```
npm install
```
3. Set up Firebase and add config in `.env`
4. Run locally:
```
npm run dev
```