Submitted 3 days ago

Responsive landing page using React 19, TypeScript, Vite & CSS Modules

react, typescript, vite

LVL 3

Gustavo Sanchez•580

@gusanchefullstack

A solution to the Maker pre-launch landing page challenge

Preview Code

Solution retrospective

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

Used CSS Modules combined with CSS custom properties as design tokens for a clean, maintainable styling system. Next time I'd add end-to-end tests with Playwright for form submission flows.

What challenges did you encounter, and how did you overcome them?

The Vitest and Vite TypeScript config conflict — resolved by importing defineConfig from vitest/config instead of vite, which properly exposes the test property on the config type.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Gustavo Sanchez’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