https://github.com/salmanfxrsi/chill-gamer-frontend

Chill Gamer is a user-friendly MERN stack application designed to explore, share, and manage game reviews effortlessly. The client side offers a responsive and visually appealing interface with smooth navigation and enhanced user experience. Key features include secure authentication, review management, and personalized user interactions.
https://github.com/salmanfxrsi/chill-gamer-frontend

dark-light-mode firebase-authentication frontend-development game-reviews mern-stack npm-package react react-hooks react-hot-toast responsive-design single-page-application tailwindcss

Last synced: 20 days ago
JSON representation

Chill Gamer is a user-friendly MERN stack application designed to explore, share, and manage game reviews effortlessly. The client side offers a responsive and visually appealing interface with smooth navigation and enhanced user experience. Key features include secure authentication, review management, and personalized user interactions.

• Host: GitHub
• URL: https://github.com/salmanfxrsi/chill-gamer-frontend
• Owner: salmanfxrsi
• Created: 2024-12-12T10:05:04.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2025-01-07T07:00:36.000Z (26 days ago)
• Last Synced: 2025-01-07T07:18:22.260Z (26 days ago)
• Topics: dark-light-mode, firebase-authentication, frontend-development, game-reviews, mern-stack, npm-package, react, react-hooks, react-hot-toast, responsive-design, single-page-application, tailwindcss
• Language: JavaScript
• Homepage: https://chill-gamer-e2b6a.web.app/
• Size: 529 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Chill Gamer - Client-Side

Welcome to **Chill Gamer**, a user-friendly game review application where users can explore, share, and manage game reviews. This repository contains the client-side code for the application.

## Backend Repository

[Backend Repository](https://github.com/salmanfxrsi/chill-gamer-backend)

### Live Site

[Live Site](https://chill-gamer-e2b6a.web.app/)

### Features:

- **Home Page**: Features a banner/slider with game reviews, a section showcasing highest-rated games, and two extra relevant sections.

- **User Authentication**: Implemented email/password-based login and registration, with social login via Google or GitHub.

- **Reviews**: Users can view all reviews, explore review details, and manage their own reviews.

- **Add/Update/Delete Reviews**: Logged-in users can submit new reviews, edit them, or delete them.

- **WatchList**: Users can add games to their watch list from review details pages.

- **Responsive Design**: The site is responsive and works on mobile, tablet, and desktop devices.

- **Error Handling**: Error messages and success messages are shown using toast/sweet alerts.

- **Theme Toggle**: Implemented dark/light theme toggle.

- **Loading Spinner**: A loading spinner is shown while data is loading.

### Technologies Used:

- **React**: Frontend framework for building the user interface.

- **React Router**: For handling navigation between pages.

- **Firebase Authentication**: For email/password and Google/GitHub authentication.

- **Tailwind CSS**: For styling and responsive design.

- **Toast/Sweet Alerts**: For displaying error/success messages.

- **Lottie React, React-tooltip**: For adding animations and tooltips.