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!!
:))

Devlog #2

So, i have done so much improvements as well as added sections that feels complete. I’m almost done with design and other thingy.

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

1. Reworked on overall theme of the portfolio and added neural themed background.
2. Improved my front page with improvised buttons, current status and new text animation.
3. Created a frame around the photo of mine + added some aurora glow in background.
4. Added new colour text gradient.
5. Modified stat card and area of interest card.
6. Added new skills section with cards and icons.
7. Added project section with my projects that are on github + wrote few lines about my projects + added source/full uploded project that are on github + linked my github profile with an button at the bottom named “view all on github”.
8. Added contact me section with direct message sending feature.

Things i have to work on:-

1. Scroll up and down animation.
2. Adjusting margins for front page and other pages.
3. Making front page more clean and presentable.
4. Modify about section with adjusting/arranging cards.
5. Making projects section more organized + feature to segregate hardware from including in software section.
6. Adujsting + resizing github controbution and profile tabs.
7. And make a more clean UI/UX for overall
8. On improving guestbook section.

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

Devlog #1

So started off with building my personal portfolio website.

What i have done till now in my 1st session ?

->Firstly, I started off with navigation bar that includes: name logo with an orbiting planet animation and some twinkling stars animation + sections of the website(like home, about, projects, journal and contact). + then made it transparent.

->Made my name logo to swing a lil bit (i.e added animation)

->Then added some glow effect for navbar when interacted.

->added my name in bold and some description of what i’m doing and who i am.

->finally added my pixel style photo with some emoji’s floating around it.

that’s all.