All solutions

Download complete solutions to our code challenges.

All-Access

Feature image for Color palette inspiration site

Color inspiration site with SvelteKit, Supabase, and Sass

Learn to code by building a stunning color palette inspiration site with SvelteKit, Saas, and Supabase.

Level 5

SvelteKit

Supabase

Sass

PostgreSQL

Free

Feature image for Professional resume

Professional resume with HTML and CSS

Learn HTML and CSS fundamentals while building a professional online resume that showcases your skills, experiences, and qualifications.

Level 1

HTML

CSS

Free

Feature image for Masonry image gallery

Masonry image gallery with React and CSS

Create an eye-catching masonry image gallery using React and CSS. Learn to craft reusable components and design responsive, visually stunning layouts.

Level 2

React

CSS

Vite

Free

Feature image for Category tag marquee

Looping category tag marquee with CSS Flexbox

Create an infinitely looping CSS tag marquee using CSS animations and Flexbox. Master the art of designing engaging, dynamic, and visually appealing marquees.

Level 2

CSS

HTML

Animation

All-Access

Feature image for Feedback modal

Feedback modal with Next.js and Tailwind CSS

Build a user feedback modal using Next.js, Tailwind CSS, and Headless UI. Learn how to create interactive, accessible, and visually appealing components.

Level 4

Framer Motion

Next.js

TypeScript

Free

Feature image for Toast notifications

Toast notifications with Sveltekit and Tailwind CSS

Keep users informed on your Svelte app by building responsive toast notifications with SvelteKit & Tailwind CSS.

Level 4

Tailwind CSS

SvelteKit

Free

Feature image for Professional resume

Professional resume with SvelteKit

Master SvelteKit and CSS while crafting a polished online resume to effectively showcase your skills, work experience, and accomplishments.

Level 1

SvelteKit

CSS

All-Access

Feature image for Checklist app

Checklist app with React and localstorage persistence

Build a checklist app using React, Zustand for global state management and local storage persistence.

Level 4

React

Zustand

Vite

Free

Feature image for Dad joke generator

Dad joke generator with React

Build a dad joke generator using React, fetch jokes from an API, and implement an Abort Controller for efficient request handling.

Level 3

Next.js

Tailwind CSS

Axios

All-Access

Feature image for Developer portfolio

Developer portfolio with Next.js and Tailwind CSS

Create a stunning developer portfolio using Next.js and Tailwind CSS. Showcase your skills and projects with a modern, responsive design that sets you apart.

Level 2

Next.js

Tailwind CSS

All-Access

Feature image for ModSpace landing page

E-commerce landing page with SvelteKit and Tailwind CSS

Master SvelteKit and Tailwind CSS by creating a responsive, modern furniture e-commerce landing page for ModSpace.

Level 2

SvelteKit

Tailwind CSS

All-Access

Feature image for Checklist app

Checklist app with SvelteKit and localstorage persistence

Build a checklist todo app using SvelteKit & CSS, featuring local storage persistence to retain user data.

Level 4

SvelteKit

Tailwind CSS

All-Access

Feature image for Web designer and developer portfolio

Web developer portfolio with Next.js and Framer Motion

Craft a web developer portfolio using Next.js and Framer Motion for modern animations. Showcase your skills and projects with a dynamic, engaging website.

Level 3

TypeScript

Framer Motion

Next.js

Free

Feature image for Four-column footer

Four-column footer with CSS Flexbox

Create a responsive four-column footer using CSS Flexbox. Learn to design adaptive, visually appealing layouts for effective website navigation.

Level 1

HTML

CSS

Parcel

Free

Feature image for Contact me site

Contact me site with Parcel and Tailwind CSS

Design an inviting personal contact-me website using Parcel and Tailwind CSS.

Level 1

Parcel

Tailwind CSS