Submitted 1 day ago

Vite, React, TS, SASS - BEM, GSAP, Three.js, Web Anim API - Version 02

accessibility, gsap, typescript, react, sass/scss

LVL 3

Jozef Kudrna•750

@Jojo25011990

A solution to the Space tourism multi-page website challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

Description: Space Tourism V1 - 4 pages ( Home, Destination, Crew, Technology ) Space Tourism V2 - 7 pages ( Intro, Home, Destination, Crew, Technology, Explore, Error )

Fully custom | raw style.

Intro Page: React, TypeScript, Three.js, GSAP, SCSS Keyframes Animations, cinematic starfield sequence ( custom raw animation flow ). Home, Destination, Crew and Technology Pages: React, TypeScript, Heavy JSON Structure, Responsive UI logic, Image Lightbox System, Preloaded assets for performance optimization. Explore Page: React, TypeScript, Three.js, GSAP, Canvas 2D, SCSS Keyframes Animations, particle-based typography sytem and cinematic camera transition flow. Error Page: React, TypeScript, Web Animations API ( Keyframes ), Fully custom CSS Art system with animated elements.

Custom React Hooks ( SEO + Page metadata handling with dynamic descripstions system ).

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jozef Kudrna’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord