Mohit Tiwari's Portfolio - 26 banner

Mohit Tiwari's Portfolio - 26

22 devlogs
29h 44m 9s

cool portfolio! you should def take a look at the 404 page!

Demo Repository

Loading README...

Mohit Tiwari

wasted a hell lot of time :heavysob: i tried adding SSG into this existing application to improve SEO but i failed horribly, because the code i wrote is not suitiable for SSR or SSG because i have used window multiple times in the code and in order to now make this code ssr or ssg friendly ill have to guard almost half of my code heavily which is not feasible. i guess ill have to learn next js now. LESSON = Always use Next js if you need SEO.

Attachment
0
Mohit Tiwari

made the form close when the user clicks outside of the form, and made the content outside the form dim when the form is open, also removed the stagger on the text hover aimation as i didn’t like that much.

Attachment
1

Comments

Mohit Tiwari
Mohit Tiwari 25 days ago

OH NOO I SELECTED THIS GIF ACCEDENTALLY AND NOW CANNOT DELTE IT :heavysob:

Mohit Tiwari

Shipped this project!

Hours: 26.75
Cookies: 🍪 763
Multiplier: 28.51 cookies/hr

Finally sooo glad to say that my project is finally ready to be shipped! I learned to work on micro animations and scroll triggered animations, Lets see how many cookies i get!

Mohit Tiwari

I forgot to post this devlog yesterday lol, but i completed the site! Now only thing that is remaining is the form and the privcay policy page!

2

Comments

alarixfr
alarixfr about 2 months ago

what a masterpiece!

Mohit Tiwari
Mohit Tiwari about 2 months ago

@alarixfr thank you so much!

Mohit Tiwari

hello, i completed the pricing section today + animated it + also completed the CTA section and animated that aswell! Now i just need to tackle few more bugs that i am encountring in this and complete the form submission flow and also the footer

then we will be ready to launch! I think ill be able to wrap everything up by 2nd January!

0
Mohit Tiwari

did not do much today, but i finalized and polished the fold under animation for fourth section and made it so that it does not break after adding multiple services

this basically uses a formula like baseY * (index of the service card) and baseRotation * (index of th service card) for each service card baseY is -100 and baseRotation is 5degrees

0
Mohit Tiwari

Completed the fourth section as wellll! with that folding under animation for the services!

2

Comments

AVD
AVD about 2 months ago

sveltee! :)

Mohit Tiwari
Mohit Tiwari about 1 month ago

@AVD haha, thanks tho it’s react + vite

Mohit Tiwari

WOAAHHHHHH WHAT THE HELL I JSUT CREATED LESSS GOO!!!!!

So i was just looking at the sites on awwwards.com then i saw this website -> https://www.ibi.cash/

The text dissolve effect caught my eyes, i thought it will be sooo cool to create it, so i did!!!!!!!

I used this shader from shadertoy to create it along with the cloud type noise for the dissolve effect

The shader: https://www.shadertoy.com/view/3tlXDS

1

Comments

Mohit Tiwari
Mohit Tiwari 2 months ago

And yess i forgot to tell but ill use this effect somewhere in this site too!

Mohit Tiwari

added the texts too! Now ill be creating the second variation of the button, as per the figma design!

Attachment
0
Mohit Tiwari

Woooho i completed the navbar and menu! here is how it looks! (i was sick for a while so thats why havent done much yet)

0