Shouryas Website

Finished the website!
Added the portfolio page, and a email section.

I added a journey log with an animation on the line, this took me a while trying to get the thing to resize for phones without squishing itself, but in the end it worked out!

I added a “technical arsenal” showcasing my tech skills. Used React, Tailwind CSS, Framer Motion, GSAP. Took me a while to get the sizing right and the cursor to expand onto the following widgets but I got it

Got all the cards done! I also added some background particles, animations, and some other stuff like resizing to the users screen size.

Working on adding “cards” to the home page, when the user clicks on it, it’ll take them to my page.
I’m gonna do this for my linkedin and insta as well.

Using reactbits.dev i added a minimalistic animation to my name on the home page that when you hover over it, it expands. It took me a while to figure out how to translate the language from typescript to javascript but I got it, and then I also had to optimize it a lot because it was very laggy. It would constantly check where the users mouse is making it super laggy but once I optimized it to check per frame, it worked much better!

Created a home page and added a parralax animation to that, took me a while to learn how to do that! Now im working on making a keyboard that basically comes together and then the keys are like interactive so if I click on them then one of them will take me to my github, linked in, etc. Things like that. I want it to showcase my skills obviously. I am gonna animate this keyboard (pic 2) so that it builds itself on screen.

Got a sweet animation for the homepage done! They keyboard animation is giving me a LOT of trouble, I’m using react bits to learn some of the code needed for this

Working on the error from yesterday, I think something is wrong with my postcss.config.js file! I have no clue what the error is but I know I’ll fix it eventually…

I’m still working on getting the page set because right now i have just added some filler text and I see that the animations work but the page is broken.

Solving a whole bunch of error that I got from linking the UI pieces together. The front end of this will be running thru react, there really is no backend so I don’t have to worry much about that at all.

I got a whole bunch of errors that I went thru and fixed and now the page is running but the page looks broken so I’m fixing that now.

I’ve started to create my own personal website, im currently working on adding UI features as I want it to look good. Working on getting a nice user friendly interface rn!