Level 2

E-commerce landing page with SvelteKit and Tailwind CSS


Build a responsive landing page for ModSpace, a modern furniture e-commerce site utilizing SvelteKit and Tailwind CSS. The challenge focuses on teaching efficient, clean coding practices and implementing a visually appealing, user-friendly design.

Participants will learn to set up a SvelteKit project and integrate Tailwind CSS for styling components. The solution emphasizes responsive web design, ensuring the page appears correctly on various screen sizes and devices.

Additionally, students will gain practical experience in creating modular Svelte components and leveraging Tailwind's utility classes for a consistent and maintainable design. By completing this challenge, learners will enhance their SvelteKit and Tailwind CSS skills, laying a solid foundation for future web development projects.