stardance has been extended another month! the new deadline is october 31 :)

You are browsing as a guest. Sign up (or log in) to start making projects!

Tanjiro themed personal website

  • 25 Devlogs
  • 37 Total hours

It's very personal to me :D

Open comments for this post

15m logged

Devlog 20 - So I got so many recomdations and I made the changes!

Note for shipwrights - I first made the README with AI because I didn’t knew what to write, but after it I completely rewrote the README as per my requirements and then only shipped the project. So, it might feel like AI, but it really isn’t.

0
0
22
Ship #1

A Tanjiro-Themed Personal Portfolio that uses Vanilla HTML, CSS and JS with a bit of GSAP!

Challenges and Difficulties :-

  1. Figuring out the responsive layout for website - I did not start with a responsive layout, which caused a lot of trouble just making section 1 responsive was so difficult that it lot more than 6 hours IG

  2. Understanding and Writing code for scroll-animation canvas - This was a lot tuff than I thought like every frame must be numbered and counted and what not. Honestly, it was a great learning journey!

  3. Making that scroll-animation Canvas Responsive - From the start I knew that this will be a lot tuff, but I did not expect this much like it made my js code’s line count from 100 to near 200 lines!

  4. Entire Section 4 - This section was really Precious to me cause it had every interest I had and liked, every hour I spent into building this section was WORTH IT.

Learnings :-

  • Understood why to start and maintain responsiveness.

  • How scroll-animation canvas is made and how apple makes them

  • Flexbox and Gridboxes

  • Much more in JS

  • A lot of CSS

  • 20 devlogs
  • 32h
  • 16.62x multiplier
  • 528 Stardust
Try project → See source code →
Open comments for this post

1h 24m 11s logged

Devlog 15 -
Milestone: Completed Section 3/bio section

What changes did I made?

  1. I added a grid structure
  2. Added another carousel, so the main text is wrapped around the carousel
  3. Added a Glass Box around the paragraph for aesthetics!
  4. Made it responsive!!!

Good Bye :goodbye:

0
0
23
Open comments for this post

23m logged

Devlog 11 - why the F#ck does AI mess up so much!!!!! So I tried to generate the scroll-driven animation video using google flow, but it has caused so much problems because it just keeps making tanjiro’s hand being on the sheath rather than being on the sword handle like it should. Will try again, see ya later! :goodbye:

0
0
7
Open comments for this post

1h 2m 16s logged

Devlog 10 - Today I am completely annoyed because a f#cking font won’t load or is even trying. It feels like programming has been an AI, forgetting as the context becomes larger. I can’t even load those fonts. Also I learned some CSS grid today! :goodbye:

1
0
8
Open comments for this post

4h 8m 12s logged

Devlog 9 - So I completed a portrait mode of scroll-driven animation and it was a mess :ai-clown: because the ai video generation kept messin’ up and it took 4 tries just to get correct angle. Now I just need to start with next section of the website. Hope to see ya! :goodbye:

0
0
7
Open comments for this post

3h 38m 58s logged

Devlog 8 - So I worked on nav menu trying to make it like a proper liquid glass only to fail :( and then I started to work on second page whose start will be a scrollable animation like freaking Apple’s websites. IG, this will be a big project, and with that my whole morning, afternoon and evening is gone! 🥲

0
0
20
Open comments for this post

47m 9s logged

Devlog 6 - Got a new problem, So I just added some Responsive CSS and now the Nav links are at extremely left. This is caused by the changes in the html structure and now I think I am losing my mind!!!!!??

0
0
7

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…