https://github.com/kachamachkov/games-play

https://github.com/kachamachkov/games-play

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/kachamachkov/games-play
• Owner: kachamachkov
• License: mit
• Created: 2024-07-18T09:14:02.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-26T13:37:29.000Z (5 months ago)
• Last Synced: 2024-07-27T09:46:02.088Z (5 months ago)
• Language: JavaScript
• Size: 1010 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Games-Play

SoftUni React Course Project

## 1. Initialize Project

* Initialize git repo

* Add Softuni practice server

* Add base vite react project as client

* Clean up client

* Add project resources

* Convert HTML to JSX

* Separate HTML into static components

## 2. React Router

* Intall react-router-dom

* Setup react-router-dom

* Add routes in App.jsx

* Add link in the navigation

## 3. Create Service Layer

* Service layer architecture

* Abstract requester

* Add games api

* Pre-seed practice server with Games data

## 4. Page implementations

* Game list

* Details

  * Details link

  * Details route

  * Api function - getOne

* Home

## 5. Comments

* Create service for nested resource `comments`

* POST comment to server

* Read comments from server

* Dynamically update comments in the component

* Clear form

## 6. API custom hooks

* Form Hook

* GameAPI Hooks

* Comment Hooks

## 7. Authentication

* Auth API

  * Login

  * Register

  * Logout

* Auth API hook

  * Login

  * Register

  * Logout

* Auth state & context

* Token management

* Login

* Register

  * Add form validation

* Logout

* Authorized Requests

## 8. UI Implmentaion

* Dynamic Navigation

* Create game

  * API function

  * Create Hook 

* Latest Games