jaisondavidm.cs25

Updated Readme file . and given credenital for admin dashboard . but if you login as a admin please dont delete any urls or users . it is only for review process

Added a info page that will show all details about the URL shortener site . it will completely explain how to use it and all features in it

Just modified the navbar . i completely built a new navbar with responsiveness . the old Navbar feels boring and non professional . so i modified it

Just now added details about terminal UI in the readme file

Instead of boring basic UI . i just now added a terminal UI . which you can do all things i give the basic steps in help command . it is like using linux terminal . it feels good . you must try this . while sleeping this idea spared

Added information about admin and what can admin can do . all details are clearly updated in readme file . and i altered the things like endpoints to production level . and i deployed it to the internet . frontend is deployed using vercel and backend is using render . which gives better free tire usage

Added delete option to admin page . not only deleting from the table . it involves proper logic like if one user is deleted by admin . the urls created by that user also been delete . which is producation grade system

After sturggling for an hour . successfully add admin page . but fr i used ai to fix the bug while authentication the user as admin or normal user . not compleletely i developed it and fixed the bug using AI

Just Now added a README.md file . it will clearly explain why and how it works . i will develope this project in more and update that also

Improved the UI of the protected url screen . it is in backend so it is hard to make changes . but i done

After struggling for an hour , successfully added protected url shortened link . in the first i think that i can handle eneterting password in frontend and tried it but it is not the good method so i use html in backend . and ask password if correct means it will redirect to the destination url

Just now successfully added page not found page . which is very important in any big projects . i used some funny quotes feels like the page unique

Added MyURLs page to see how many shorten urls are you created and you can delete the unwanted one . using proper authentication , only the owner of the link can only delete this

Improved the ui in the expand url page . created a backend routes to get list shorten url created by you

Successfully added a service that convert shorten url to original . before opening the short url , you can check the url in this page and get the original url . you can prevent the harmfull or hacker’s phising url protecction . which is essentail service in this site

improved UI to random code like wise custom code component . it will give better user experience

Imporved UI and UX in the custom code page . showing model to copy the short code , improved the experience of the users

Added custom code availabilty checker in both frontend and backend . before creating the short code you can check is it available . and then you create the short code which provides better user experience

Just now added a profile page with logout option which is simple but it is a important resource to see our information and our role in this site

Added logout modal to confirm logout which will prevant sliping to touch logout btn . and aligned the homescreen properly

Successfully added Navbar and footer. not only for page navigate . u can also navigate to specific part of the page . which is done using searchparams from react-router-dom package . i will still need to modify navabar i will do it log that also a devlog . bye

Successfully added random short code generating . it is done using go package “math/rand” . currently it saving clicking counts but i not display analytics . i will add it later . I think this devlog is uploaded but it is not done but my work for another 1 hour is done . i next added custom url creating . cheking it already exists and it will create the custom . which is shown in referrence videos

Added protected and public routes to maintain the proper authentication system . if your logged in , you cannot go to login page until the jwt token expires . same like if your not logged in , you cannot go to home page . it is implemented to maintain proper auth workflow . Added loading component also

Successfully implementer google login and normal login and register in both fronend and backend . it is just base . i need to make protected routes and implement proper authentication and authorization . still making the site professional on the way

Add cors in backend to provide proper access to the frontend to access backend api services . and add test page and test the api endpoints .

After struggling for an hour . Sucessfully made Database connection to backend . in the previous projects . i first test in local database and later use cloud database . but in this project i start to connect with cloud to perform the project soon as possible

Added some logic to jump and add obstacles . this game is inspired by chrome dino game

I already done my complete project done . but for production . there is lot of things to change . i fixed database connections and cookies settings properly.Finally deployed it to internet

Added TiDB connection. Because i ready to deploy it production . so i change local mysql to cloud TiDB mysql database

Added what can admin and super admin can do in README file . proper documentation will provide a proper certification for your work . so work hard

Added demote and promote which permissions only give to super admin . It will really usefull in production

Added admin page for admins only . showing all users overview but not their personal chats . and showing how many active and total users and groups . jus t a analytic graph for admin

Added a delete option in profile page . it seems to be dangerous option . if you done this . it cannot be undone

Added a filter system which load all users based on you searched letter . in previous version you have to compleletly type email and send request which is not give better user experience so i made it easier

Added recaptch to protect the site from bots . for this , i used google recaptcha version 3 which works based on the score . it gives score as possiblity of it is bot or human

Added About page where there is about how to use the app . it is already in readme file . but not all users will see the readme file . so i made a simple ui and defined how this app works

Removed unwanted things in the bottom navigation bar and added bouncing effecct while changing pages

In the Site . I establieshed Database setup using ORM method . but many devs familar with normal db like schema and writing query . so for their refrences i written complete schema based on the gorm modal

Added proper README file . not only technical terms . i make it like user guide to use my application . it will tell how it chat app works and give some code knowledge also . i used github copiolet to give the folder sturcture visulaization for user

While wirting the readme file i noticed that i dont added logout btn . but i made route for logout but not used in frontend .so i create a modal to logout in profile page

Added proper docker setup to run on any machine and os . i made proper containerized environment in production level

Successfully made the edit and delete proper operation in frontend . already i done the program in backend . now i currently integrated it prpoerly

Added a group management system where admins can open a manage panel straight from the group chat header, view all current members with their roles, add new members by email, promote or demote members between admin and member roles, and remove members from the group — all with proper guards so only admins can perform these actions. I used AI for fixing errors which is most of typo error

Added group chat functionality including creating, updating, deleting, and fetching groups. Implemented member management with adding users and role control. Enabled group messaging with send, edit, delete, and fetch features. Added APIs for retrieving group messages. Introduced role-based permissions within groups.

After struggling for hours , now i successfully added proper chat lock system . you can lock your favourite person chat and making more privacy for you both . i used github copiolet to solve critical bugs

In the previous ship ,most of the developers complaint about big cursor . so in this i make my cursor minimal with tracking dot

Successfully added read only image once system . in the ui there will be two image upload options , normal image upload and view once image upload . it is securly done in both frontend and backend . there is some other issues find while testing view once image system . the issue is if you only send image , it says message is deleted i need to fix it and i can

Added Notification system in browser . handling it properly in frontend

Just add a common system which is messages indicator . show how many new messages you unread . i ask copiolet debug some minor which make me to work effiecently . not completely with ai but it is a critical debugging helper

Added location sharing system . i actually love this system . if your friend send his location , if you open it redirects to google map and mark your friend location . i think it is a very usefull feature

Successfully and victoriously made i emoji reaction system . you can say it is normal . but i make websokcets and message storing easyily . but the emoji reaction section make me confusable . and then i asked some help with github copiolet . not only it solve it , i made some changes . took minor parts and made it successfully

improved user experience by adding a modal instead of popup . if click anywhere from modal it will close which give better experience . and added url redirrect like whatsapp . if you send message link . user can click it will redirect to the site

Just Now added Delete and Edit message options with proper authication handling . only the message owner only delete and edit . not deleted completely . making is delete true and setting the content inside as message . you cannot edit deleted message . making all routes protected not only handling in frontend . proper error and security handling in both frontend and backend

Finally Added Proper Block system . the workflow is if you block a user , if he again give you a request . it wont show for you until you unblock him . the block logic is done quickly . while the designing the system to not to show requests who are in block system felt difficult for me . but some help with ai . i finished it properly

Added last seen and online or offline status using server’s in-memory storage . it became an better experience for me

Added image upload option . it is easy in frontend handling . while making setup n backend struggled me . i used to github copiolet debugg errors whil wirting code for image upload

Added Properly seen system . in previos system . it will only show seen if both are online . now i handle it even though one user go offline and come . it will show seen properly

I dont like the previous UI . show i try to modify and implelemented my ideaa in to the code and ask copiolet in pixel perfect . i dont that much expert in frontend . so i used to help of copiolet

Seperated Into two tabs one for friends and other requests . and writed code to delete friend in both frontend and backend . to improve user experience i add wait for 3 seconds to delete friend which prevent sudden and unfortunately deleting friends

Just added a friends Page . making proper logics for friends accept and reject requests . It give me a better knowledge in how to implement logics in code

Added socket in backend and frontend to prevent unwanted api calls . without socket . it will call apis like polling which give huge impact in server . using socket it will be prevented only one call and handshake will be made and every reqeust and response will display . and i added typing indicator

Added proper chat system basics currently it the api request is polling later i will be add websockets . currently you can select user’s email and chat to them . i will add more features later

Added Profile Page and modified backend for proper profile page . use can edit the profile image also which will be stored in server . the default profile image will be your gmail profile pic

Added bottom navigation bar . i first decided to setup a top navbar . but later i view my mobile and see whatsapp and then i decided to setup bottom navigation bar

Improved UI in login page and added 404 page not found component and loading component to imporve the user experience

Protected frontend and produced auto refresh token environment in both frontend and backend . if your not logged in but try to go to home page it will redirect to home and if your logged in and try to go to login it will not allow but you can logout and go to login page

Successfully written production ready google login backend , in frontend just mapped login not optimized i will optimize . currently after google login , it will set access and refresh token in cookies . if access token is expired it will use refresh token and create a new access token which is used in many production level site

Successfully made the initial setup of the project like creating base react app , server code and database connection to server

in First , i try to add sudoku game using iframe . suddenly one thought sparks why not i can create a own sudoku . then i created it and add it

Added Unique icons to the desktop apps using react icons package . and added my own calculator app to the OS

Added Flappy bird game link in iframe as a app in desktop and added a video for backend instead of color gradient

Added Custom cursor . and added rocket logo to start button and showing statement . finally done this properly

Added Folder and nested folder adding system . not so much good but i tried my best . setupped creating files and folders

I Modified the browser with real bing search engine . i tried all google , duckduck go but they are refused to connect . finally bing come into chapter . and i presisted the storage of notes using localstorage . if i type words it will auto save and store it in localstorage

Finally i built a basic structure of the OS . including apps like files,browser,terminal . currently it is simple version . i will develope it like pro OS . i used copiolet to debug minor errors

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

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

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

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

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

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

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

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

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

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

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

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.