Edit project

Only Me "Ram Farid" has the access to edit my projectsLogin to Dashboard

Project Name

GitHub Link

Demo Link

# Online Tic-tac-toe game
This project was a turning point for me. I was facing my fear of dealing with databases and then ... I got rid of it
Tic-Tac-Toe is the most popular arcade game over the world. 
In the world of programming, it is also one of the first logical thinking that a programmer experiences. **I decided to make it as a full game**!
`Taktekha` website game it considered as a full-stack website since I used `firebase` to manage backend and React for frontend capabilities. All ideas made from my own, all features and logical functionalities work perfectly💫. Let's clarify the features

## Features
- **User authentication**  
   The User Auth provided the user making accounts that is the basic idea that push me for make this Website game. **The user can't play without creating an account** and The user can create an account by:
  - Google provider
  - Facebook provider (Not working due to the FB permissions!)
- **Friends list**  
   After creating an account now the user can send friends request to their friends and receive the requests.
- **Games Mechanism (Create & Join)**  
   Now the User can played! by:
   - Create a game  
      The user can create a game with sharing the link to the user or can send invitation to the friend from their list **if the user is Online**
   - Join a game  
      As create the game the user can joined the game by click on the shared link or accept the invitation from the friend
- **The Game Chat**  
   The Game chat is the way of connection in the game. Each game has its special private chat ended by end the game
- **Local play**  
   The User can play with friends even there is no internet. With `PWA`  the user can use the website (Application) when there is no connection and open the local game and play with their friends
- **Games History**  
   The user can return back to any match they played See the game, or the chat

## Drawbacks
Ahhh. After all these advantages that can take this game to the top, there is only one drawback.
#### **The Client control all features!!**
What this mean? This mean that all logic of the application on the client-side 😅 Database control such as deleting data, adding data or reading data is done through the client side code **not from a Server**  
If you send a friend request to your friend (X). When (X) accepts the request, from the client side on their phone:
- The Requested deleted from DB
- X added themselve on your friends list 
- X added yourself on their friends list.

**Such an example that you have given would be all other scenarios of DB control or even the storage (Firebase Storage) control**

## Learning outcomes:
- Deal with Real-Time database (RTDB) in Firebase

### Non related to front end
- knowledge on the Token and its mechanism

> I used **firebase** for backend and **`PWA`** to make the website install as a native application.

Description

Start date:End date:

Upload Image

Gallery

Others

Starred

Online Tic-tac-toe game

This project was a turning point for me. I was facing my fear of dealing with databases and then ... I got rid of it Tic-Tac-Toe is the most popular arcade game over the world. In the world of programming, it is also one of the first logical thinking that a programmer experiences. I decided to make it as a full game! Taktekha website game it considered as a full-stack website since I used firebase to manage backend and React for frontend capabilities. All ideas made from my own, all features and logical functionalities work perfectly💫. Let's clarify the features

Features

User authentication
The User Auth provided the user making accounts that is the basic idea that push me for make this Website game. The user can't play without creating an account and The user can create an account by:
- Google provider
- Facebook provider (Not working due to the FB permissions!)
Friends list
After creating an account now the user can send friends request to their friends and receive the requests.
Games Mechanism (Create & Join)
Now the User can played! by:
- Create a game
  The user can create a game with sharing the link to the user or can send invitation to the friend from their list if the user is Online
- Join a game
  As create the game the user can joined the game by click on the shared link or accept the invitation from the friend
The Game Chat
The Game chat is the way of connection in the game. Each game has its special private chat ended by end the game
Local play
The User can play with friends even there is no internet. With PWA the user can use the website (Application) when there is no connection and open the local game and play with their friends
Games History
The user can return back to any match they played See the game, or the chat

Drawbacks

Ahhh. After all these advantages that can take this game to the top, there is only one drawback.

The Client control all features!!

What this mean? This mean that all logic of the application on the client-side 😅 Database control such as deleting data, adding data or reading data is done through the client side code not from a Server
If you send a friend request to your friend (X). When (X) accepts the request, from the client side on their phone:

The Requested deleted from DB
X added themselve on your friends list
X added yourself on their friends list.

Such an example that you have given would be all other scenarios of DB control or even the storage (Firebase Storage) control

Learning outcomes:

Deal with Real-Time database (RTDB) in Firebase

Non related to front end

knowledge on the Token and its mechanism

I used firebase for backend and PWA to make the website install as a native application.