Tic Tac Toe banner

Tic Tac Toe

27 devlogs
22h 46m 51s

It is a Simple and Multiplayer Tic Tac Toe . Using Websockets i made fast request for multiplayer game responsively faster . Integrated three login systems that are google , github , hackatime . This Project is more focused on Backend handling web…

It is a Simple and Multiplayer Tic Tac Toe . Using Websockets i made fast request for multiplayer game responsively faster . Integrated three login systems that are google , github , hackatime . This Project is more focused on Backend handling websockets routes . User Friendly UI is produced with some help of AI . other wise it is minimal and good game

This project uses AI

Used in GitHub Copiolet in very hard error finding part . some what chatgpt for ui enhancement

Demo Repository

Loading README...

jaisondavidm.cs25

In Production , unfortunately the login system not working properly . i tried all methods to fix it but that not happen , so i removed the login system temporarily i will fix it later and add it to the site

Attachment
0
jaisondavidm.cs25

Shipped this project!

Hours: 22.44
Cookies: 🍪 486
Multiplier: 21.66 cookies/hr

I Built a Tic Tac Toe game . It is a simple X O game . i made three modes bot , timed bot , multiplayer . The hardest part is to enable websocktes in multiplayer mode and prevent the game logs crash when refreshing the screen . I proud that i build a site using a websockets with proper usabilty of it . and the room id creation is also felt slightly difficult to me . with very small amount of help from chatgpt and copliolet , i built the game properly

jaisondavidm.cs25

With the help of AI i debugged many errors . it works locally will but in production . the code need optimize . i optimize the code as well as possible to me . some critical error i given to copiolet

Attachment
0
jaisondavidm.cs25

Add Readme file . first using AI i analaysed my own folder sturcture and ask list out and i will sort the import things and added it into readme file and updated it

Attachment
0
jaisondavidm.cs25

Fixed hackatime auth login error . it still unresolved but i maintained it only for proper login . the user details endpoint in hakatime is un findable so i leave it currenly to give default name . if i found that endpoint i will fix it

0
jaisondavidm.cs25

After strugling for an hour , successfully add hakatime login system . for the first time it takes long time to complete

Attachment
0
jaisondavidm.cs25

with the help react-qr-code npm package , add room sharing using link and qr system . currently it working properly . i used github copiolet to debug errors in some part of the code

0
jaisondavidm.cs25

Added Custom Cursor , with n importants of custom modification . first time to add my own cursor in the site . very proud of it

0
jaisondavidm.cs25

Refresh Error Fixed , in the first update if you refresh your progress . currently i alter both frontend and backend to save the progress after the refresh also

0
jaisondavidm.cs25

Added a Room Logics in Multiplayer game mode , automatic room id creating and showing all the rooms available . keep developing with high progress

Attachment
0
jaisondavidm.cs25

Happy to log that i have successfully made basic of multiplayer game mode with the help of websockets . but it needs to optimize and give proper ux . i will add that soon as possible

0
jaisondavidm.cs25

Added WebSocket to enable multiplayer gaming experience . currently i done simple connection testing websocket code

Attachment
0
jaisondavidm.cs25

Added a common bot page which has buttons to navigate to timed bot or normal bot match . and altered some part in navbar

0
jaisondavidm.cs25

Added Guest Login not only like allowing in frontend proper auth for guest login in backend . and fixed some time showing error during game

0
jaisondavidm.cs25

Added timed bot version . you have to play one move with 5 seconds . but it have still some issues i will fix it as quicker .

0
jaisondavidm.cs25

Added 404 page when you try to open a path not exists . it will show 404 page which have to options go back or go to home

0
jaisondavidm.cs25

Added Streak Page where the storage system is Local storage . you can see in this year or today how many games you played and little square box whoose colors show how many games and how many days you played the game

Attachment
0
jaisondavidm.cs25

Added Animation while clicking cell for X or O . just a simple animate keyframes to done this

0
jaisondavidm.cs25

After Struggling for 2 hours , successfully added github login . it is a first time to integrate github login . so for debuggin some minor error used github copiolet

0
jaisondavidm.cs25

Added Winning Line , if you win it draw a line in which you win . and wait 2 seconds show who is the winner popup

0
jaisondavidm.cs25

Added Profile page and optimized its UI . and added a Loading component with tic tac toe gaming vibe . feels vibe

0
jaisondavidm.cs25

Added a me function in backend which will be later used in profile page . Protected the frontend from directly accessing homescreen with login only authorized logged in person can only access all features which is done by auth context and protected routes .

0
jaisondavidm.cs25

Added Production ready Google Login System . And generating refresh token and access token .
just finished login screen . still need to optimize in frontend by protected routes and context

0
jaisondavidm.cs25

Added A NavBar and make it responsive and its theme related game content

0
jaisondavidm.cs25

Enhanced the UI . and made porper workflow for selecting difficulty levels to play with bot . made it easier to select

0
jaisondavidm.cs25

By using random generator , i made a difficulty levels - easy , medium , hard ,
there is two function random moves and smart moves which is used to classify which is random and smart moves

Attachment
0
jaisondavidm.cs25

To improve the UI and app layout . just add Hero Section

Attachment
0
jaisondavidm.cs25

I have build a basic logic of tic tac toe game . and i build a bot which move with respect to score which makes unpossible to win the bot . if you play against it . the only possible outcome is loss or draw .

0