https://github.com/abusaleh123/chill-gamer
Chill Gamer offers an immersive platform for exploring, reviewing, and managing your favorite games effortlessly.
https://github.com/abusaleh123/chill-gamer
css3 expressjs firebase html5 javascript mongodb nodejs react tailwindcss
Last synced: 3 months ago
JSON representation
Chill Gamer offers an immersive platform for exploring, reviewing, and managing your favorite games effortlessly.
- Host: GitHub
- URL: https://github.com/abusaleh123/chill-gamer
- Owner: abusaleh123
- Created: 2025-01-08T02:38:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-08T06:55:53.000Z (over 1 year ago)
- Last Synced: 2026-01-03T12:23:46.235Z (6 months ago)
- Topics: css3, expressjs, firebase, html5, javascript, mongodb, nodejs, react, tailwindcss
- Language: JavaScript
- Homepage: https://chill-game-6f6c6.web.app
- Size: 71.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chill Gamer: A Game Review Application
Chill Gamer is a sleek and user-friendly game review application designed for gamers to explore, review, and manage their favorite games. With features like user authentication, personalized watchlists, and a clean, responsive interface, Chill Gamer ensures a seamless experience for discovering and sharing insights about the latest and greatest games.
## About This Project


#
# Main Technology:
#
# Key Features:
## 1. User Authentication & Protected Routes:
- Secure email/password authentication with Firebase.
- Protected routes like "Add Review," "My Reviews," and "Watchlist" accessible only to logged-in users
## 2. Comprehensive Review Management:
- Game reviews include titles, descriptions, ratings, genres, and publishing years.
-Personal "My Reviews" and public "All Reviews" sections with detailed views.
## 3. Game Watchlist Feature:
- Logged-in users can add games to their watchlist from the review details page.
## 4. Advanced Filter & Sorting:
- Filter games by genre and sort by rating or publishing year.(Ascending / Descending)
## 5. Modern UI & UX:
- Responsive design for all devices (mobile, tablet, desktop).
- Dark/light theme toggle for better accessibility.
- Engaging animations using React libraries like React Awesome Reveal, and React Tooltip.
## Dependencies
- [AOS](https://github.com/michalsnik/aos) - ^2.3.4
- [Axios](https://github.com/axios/axios) - ^1.7.9
- [EmailJS](https://github.com/emailjs-com/emailjs-sdk) - ^4.0.3
- [Firebase](https://github.com/firebase/firebase-js-sdk) - ^11.0.2
- [LocalForage](https://github.com/localForage/localForage) - ^1.10.0
- [Match Sorter](https://github.com/kentcdodds/match-sorter) - ^8.0.0
- [React](https://github.com/facebook/react) - ^18.3.1
- [React Awesome Reveal](https://github.com/dennismorello/react-awesome-reveal) - ^4.2.14
- [React DOM](https://github.com/facebook/react) - ^18.3.1
- [React Helmet](https://github.com/nfl/react-helmet) - ^6.1.0
- [React Icons](https://github.com/react-icons/react-icons) - ^5.4.0
- [React Rating](https://github.com/dreyescat/react-rating) - ^2.0.5
- [React Router DOM](https://github.com/remix-run/react-router) - ^7.0.2
- [React Simple Typewriter](https://github.com/tom-sherman/react-simple-typewriter) - ^5.0.1
- [React Toastify](https://github.com/fkhadra/react-toastify) - ^10.0.6
- [Sort By](https://github.com/kvnneff/sort-by) - ^1.2.0
- [SweetAlert2](https://github.com/sweetalert2/sweetalert2) - ^11.14.5
- [Swiper](https://github.com/nolimits4web/swiper) - ^11.1.15
## Dev Dependencies
- [@ESLint/js](https://github.com/eslint/eslint) - ^9.15.0
- [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react) - ^18.3.12
- [@types/react-dom](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom) - ^18.3.1
- [@vitejs/plugin-react](https://github.com/vitejs/vite/tree/main/packages/plugin-react) - ^4.3.4
- [Autoprefixer](https://github.com/postcss/autoprefixer) - ^10.4.20
- [DaisyUI](https://github.com/saadeghi/daisyui) - ^4.12.14
- [ESLint](https://github.com/eslint/eslint) - ^9.15.0
- [ESLint Plugin React](https://github.com/jsx-eslint/eslint-plugin-react) - ^7.37.2
- [ESLint Plugin React Hooks](https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks) - ^5.0.0
- [ESLint Plugin React Refresh](https://github.com/vitejs/vite-plugin-react/tree/main/packages/react-refresh) - ^0.4.14
- [Globals](https://github.com/sindresorhus/globals) - ^15.12.0
- [PostCSS](https://github.com/postcss/postcss) - ^8.4.49
- [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) - ^3.4.15
- [Vite](https://github.com/vitejs/vite) - ^6.0.1
## Installation:
Run ``` npm install ``` to install project dependencies
# Live Link:
- https://chill-game-6f6c6.web.app