Devlog #3

Back again to log what i did HAAHAHAHA…
So in short, i have refined my code an UI, added more sections in my portfolio website after satisfied work that i have done.

Portfolio website link

Also i did some mistakes that i want to mention so that when one starting off with building a website for the first time then they should keep in mind, which are:-

While i was refining/improving my mess i found out there were many Typo’s in my code.
For example:font-size:.85 (no unit)
I used an colour variable which i did’nt even defined, actually i made a list of colours on my notepad but i forgot to define a pink one for the C++ bar in github section.
I was really confused how to add a feature for my Guestbook section so that only i can delete or edit the entries.
And for which i was using a simple cross feature but the problem is that when i deployed my website then i got to know anyone can delete those entries.

Solution?
i just used claude, and it suggested me to use and setup a free Supabase database.

Now, comes the part where i have taken help of AI in my project:

Debugging errors, especially i had to face huge trouble while syncing my github repo’s distribution graph to my website graph in github section.
Generating my pixel inspired photo that is on the Home section.
Translating what the git errors meant after i’d broken smthing.
Colour combination and font size suggestions.
Generating my website’s logo.

Rest of the things like Themes, font style, layout decisions and arrangements of cards and all the other creative choices are all mine.

This what i have i done after my previous session:-

I started this project as a single HTML file and till the end and i have worked and made many changes from a simple space themed/astronomical vibe portfolio to an ai/ml themed professional vibe portfolio.
I shifted the home page on a little upwards side + changed the font size and colour gradient + pulled down the photo a little bit downward side.
Added and deleted contents in about sections + shifted cards so that they look presentable.
Added an hobbies part just under the about part.
Eddited skills stack.
Grinded on what would be layout for my project section as i m into both hardware and software projects.
So i planned few things that i implemented too:

->There will be 3 filters : all, software and hardware,
-> Each card has a photo banner, and on hover it auto-slides through the project’s photos with little captions.
For my telemetry project that means schematic → assembled
->Added github and linkedin buttons too.

I struggled with this the most : The github section, i had to face trouble with syncing my distribution graph but i figured it out using AI.
Then i fixed the entry of guestbook problem that i have mentioned above.
Restructured + refined my UI and Code.

That’s it,
Thank You!!
:))