An open API service indexing awesome lists of open source software.

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.

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

![Alt text](https://github.com/abusaleh123/Chill-Gamer/blob/6e5a077e393e6740b9f5a5db8f9c68cb4e0bbde5/Screenshot%202025-01-08%20091108.png)
![Alt text](https://github.com/abusaleh123/Chill-Gamer/blob/7f3996690ffd819c60c302847f7ade541dbd1410/Screenshot%202025-01-08%20090431.png)

#

# Main Technology:


html5 logo

tailwindcss logo

javascript logo

react logo

firebase logo
mongodb logo

#

# 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