bungambohlah / DTS4A-07-final

app that helps you to find and known about free games around the world

Home Page:https://freegame.afif.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Free Games App

This is an app that helps you to find and known about free games around the world.

Table of Contents

Link

freegame.afif.dev

Video

Alt Text

App Features

  1. Authentication with Firebase (Login, Logout, Register, and Verify Email)
  2. Main's Page: show list of games from Freetogame API
  3. Detail's Page: new tab to the publisher game's website
  4. Detail's Page: responsive modal for show images properly
  5. Search and Filter (by platform) Games
  6. Form validation
  7. Toggle Light/Dark mode as user preferred
  8. Responsive UI

Stack Used

Main App's Stack

  1. React.js for User Frontend Library
  2. Vite for modern frontend tooling
  3. React Query (Tanstack) + Axios for fetching to the external API
  4. Firebase Auth for main authentication
  5. react-dark-mode-toggle-2 for UI Button to toggle mode
  6. react-event-observer (pub/sub) for register event as publish and subscribe method
  7. react-hook-form + yup resolvers for validate input of forms related
  8. React Router for main web routing
  9. react-toastify for toast message framework
  10. Zustand for state management
  11. Tailwind as CSS framework
  12. Sass for better css
  13. Flowbite for UI Component framework with tailwindcss

Dev Apps' Stack

  1. Vite for modern frontend building and as compiler
  2. commitlint for better commit using conventional / global standard message
  3. Typescript for transpiler of javascript with better types management
  4. ESLint for linting of executed codes
  5. Husky for better git management via hooks
  6. Prettier for better format of saved codes

NOTE: PWA already supported

About Us (Kelompok 7)

LICENSE

This project is open-sourced software licensed under the MIT license.

About

app that helps you to find and known about free games around the world

https://freegame.afif.dev

License:MIT License


Languages

Language:TypeScript 92.0%Language:JavaScript 3.6%Language:SCSS 1.4%Language:HTML 1.4%Language:CSS 1.0%Language:Shell 0.6%