https://github.com/gokulcodes/gokulvaradan
Portfolio
https://github.com/gokulcodes/gokulvaradan
Last synced: 8 months ago
JSON representation
Portfolio
- Host: GitHub
- URL: https://github.com/gokulcodes/gokulvaradan
- Owner: gokulcodes
- Created: 2025-05-17T16:14:43.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-22T18:08:15.000Z (12 months ago)
- Last Synced: 2025-06-22T19:21:14.642Z (12 months ago)
- Language: TypeScript
- Homepage: https://gokulvaradan.vercel.app
- Size: 7.86 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GokulVaradan
### Tech stack
- NextJS
- GSAP
- ThreeJS
- All text content should be taken from a JSON
### Animations
- Loading Screen with text GokulCodes.dev on it with background outline logo move horizontally
- After 2sec, move the loading screen to left and reveal the hero section
- Hero Section Contains only text, so the text animation should be top notch
- About section, text reveal should be smooth and engaging, left logo should animate with DrawSVG effect
- Stats Section, text animation should match hero text animation, but in the vertical way
- Experience section, horizontal navigation starts here. It should be snap scroll each experience scroll in horizontal way
- Backdrop images should display all the project i've worked on.Images should be isometric display
- Projects section, on scroll, each project should scroll on top of the previous project making it look like stack of cards
- Achievements Section, a normal text reveal animation is fine
- Tech Stack droppers section, on scroll in, all the tech stack cards should drop from top to bottom in a irregular way
each card should be draggable
- Footer - Normal text reveal animation for links, DrawSVG animation from big bold Gokul Varadan Text
### Unknowns
- Don't know how to do text animations
- Horizontal Navigation
- Card Stack animation for Projects section
- HyperLinks Hover - text scramble animation
- On project click, do view-transition animation to reveal the entire details about the application
- Dark / Light mode switcher animation