Projects
Acquire hands-on experience by developing fully functional, realistic projects. These projects will put you in the world of a professional developer, equipping you with detailed Figma designs and a series of well-structured tasks.
![](/_vercel/image?url=https:%2F%2Ffmpffrpcrpptmolosdes.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fprojects%2Frecipe-blog-landing-page.png&w=640&q=100)
junior
Recipe Blog Landing Page
Utilize your flexbox and grid skills in this HTML and CSS-only recipe blog landing page. Practice handling overflow to create a CSS-only carousel and implement simple form validation.
![](/_vercel/image?url=https:%2F%2Ffmpffrpcrpptmolosdes.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fprojects%2Ftic-tac-toe.png&w=640&q=100)
senior
Tic-Tac-Toe
In this project, you'll use your grid and JavaScript skills to build a classic Tic Tac Toe game. This fun project will improve your ability to work with the DOM, manage events, and create game logic.
![](/_vercel/image?url=https:%2F%2Ffmpffrpcrpptmolosdes.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fprojects%2Fmulti-step-form.png&w=640&q=100)
advanced
Multi-Step Form
In this project, you'll be tasked with building a multi-step form. It will present various challenges, including implementing a progress indicator, ensuring data persistence, and incorporating conditional logic.
![](/_vercel/image?url=https:%2F%2Ffmpffrpcrpptmolosdes.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fprojects%2Fapartment-multi-page-website.png&w=640&q=100)
advanced
Apartment Multi-Page Website
This project involves building a multi-page apartment website. It is a great way to test your HTML and CSS skills while gaining experience structuring and organizing a larger-scale website.
![](/_vercel/image?url=https:%2F%2Ffmpffrpcrpptmolosdes.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fprojects%2Fcoffee-landing-page.png&w=640&q=100)
junior
Coffee Landing Page
Utilize your flexbox & grid skills in this HTML and CSS-only landing page. The layout shift on mobile provides a great way to practice your responsive skills, along with a tricky layout design for the hero.
![](/_vercel/image?url=https:%2F%2Ffmpffrpcrpptmolosdes.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fprojects%2Fpomodoro-app.png&w=640&q=100)
advanced
Pomodoro App
In this project, you'll build a Pomodoro app, Tick Tock. It will provide some tough challenges, including a tricky progress bar, state management, and working with JavaScript timers.
![](/_vercel/image?url=https:%2F%2Ffmpffrpcrpptmolosdes.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fprojects%2Frecipe-generator-app.png&w=640&q=100)
mid-level
Recipe Generator App
In this project, you'll interact with a 3rd party API, TheMealDB to generate random recipes. Users will have the ability to generate random meals and save their favorites.