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

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

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 .

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

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

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

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

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

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

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 .

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

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

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

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

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

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 .

I am perfectly done all things in both the frontend and backend . but there is a minimal invisible bug in cookie setter so i used copliolet to solve it

I optimized Backend and Frontend because i ready to deploy in it in render . and implemented lazy loading in some part of frontend code

Using Mutex which is inside sync package in go . i made a ratelimiter which will allow one users 100 request per minute not more than that . here the count will store in memory in the server .

Added Ban system in Both backend and frontend . handling ban , unban and ban status . but in production i added fake ban and delete system to make the System fair . and just a happieness to all users . like the analytics features

Added Delete Option in Both Frontend and Backend . currently in userList I currently dont soft delete because of i will deploy in production

Added Guest card button . it is not just bypassing login . it will auto generate user_id and password and register it and allow you login . And i User TiDB so i add a banner to use private network . because TiDB sometimes not works with organisation network . the password is the letters after the _ after userid

Added Docker setup to the site . it will solve the problems like its work in my pc but not in yours why . using docker container setup , we can solve this . it provide a stable production level setup

Finally , I Written Properly ReadMe file . With the help of claude . not completly with AI . i just use the knowledge of it and enhance it with my own content and somewhat with AI

The big isssue i converted my localhost mysql to tidb cloud . Using the help of reading research paper about mysql production level optimization . i tried my best to optimize it . Looking forward to production level project

MySql localhost is converted to tidb mysql . But it feels slow i will optimize it in soon . The problem in connecting tidb is to including certificate to get db access . but i already done it properly and clearly

With the help of Lucide react , Enhanced the UI of the Profile Page

Improved UI in Country usage page and Daily usage page . some few part with the help of chatgpt but not compeletly with it

enhanced the UI in the pages All users usage , my usage pages to enable better User experience

I am not Good UI designing so with the help of chatgpt i enhanced my old UI into professional one . currently i enhanced home,logs pages . later i will enhance all pages

Added New Ui to Navbar . Currently I love the effect i done in this navbar . I knew that it was not that much special . but it is improvement for me

Added DailyUsage and CountryUsage page . You can see date based dailyusage total requests showing . Handling the backend API in frontend Sounds Good . i Am while receving the expected output i thinked

Added Analytics page with tab switching between My API usage and All users API usage . first i created backend endpoints . but for this frontend i changes some in backend apis with to sink with frontend

Added ip-api api to get the exact current from him/her ip . and added fallback if api fall . and store the ip in memory cache to reduce api call and fast response

Add Analytics page . in this currenly added total request and last request details of the logged in user

Added and Loaded All endpoints from backend to frontend . currently users list page is done . u can see all users details . the ip is currently ::1 beacause i currently running it in localhost . in production , it will correctly show the ip address

Added Profile Page Using Me Route in Backend . Just a simple UI . i am basically not good at frontend . if it feel bore . sorry guys

Added APIs to see the usage of the users and overall . nearly built 6 endpoints . Collabaring with all tables in the database

create tables for storing usage seperatly like country level , user level , endpoint level . using gorm the tables will automatically created . Add handlers to store the usage in the table . in last stage , i used github copiolet to solve one minor error

Just done a my own responisve navbar for mobile view . and enhance the all UI parts with the help of framer motion package . and desigined table schema to extend the functionality in the site

Enhanced The UI using Framer Motion . Better Enhacement in UI to engage the User . Making the UI Professional

Written proper frontend code for the testing API . user can send test APIs with GET , POST , PUT , PATCH method . left side of the screen wil show lives api logs and in right side we can send requiest to check the API logs . still it have some status code issues . I will Fix it

Added testing apis for all get,post,delete,patch,put method . and the hard part is after testing using k6 . i have to debug some payload . that part only feels some waht hard

Modifed the routes to show the logs properly . And made UI to list the API logs . i currently fixed all role to see all logs . hide the password in login and register post . The hard part is UI alignment . But after struggling for an hour , finished it !!

Not only writing code and seeing the output . using k6 testing tool i tested my apis . and fix some error . from this , i learned to test the code which i written and how to test using k6 tool

Added backend to store the requests in database . not properly but applied and understand . will do better

Convert only token into accesstoken and refreshtoken to improve better user experience . it is mostly used in big companies . i learned it and implemented in it .

Make some change in UI for responisveness . properly build authentication flow like if jwt token is not exipry direct to home page . if try modify jwt navigate to login page . while testing there is some issues . i tried very much . but later i used github copiolet and fixed it and know about what error was that

Added Main Layout for this site . IN Log side admin can see all the request and analyse it . in request side for testing we can send dummy requests to see how it works

Complete UI For Login and Register Page . SImple But My Backend Authentication is powerfull

Built a production level authentication login and register system . including last login ip address . soft delete system . jwt token in cookies to secure authentication

added automigrate and table creation schema .

Just setup database and make some health checkup code to test backend is running.

Made Some basic UI . and initial setup for both frontend and backend

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.