Real-World Frontend Projects

Each project comes with Figma designs and step-by-step task cards. Build your portfolio with projects that matter.

Business Card
junior 6 cards

Business Card

Stunning website showcasing your skills and personality as a developer.

website
Notely
regular 12 cards

Notely

Application that allows users to manage their tasks with notes.

application forms
Calculator
regular 7 cards

Calculator

Application that covers math operations with dark/light modes.

application
Find Movies
senior 7 cards

Find Movies

Application that allows users to search for movies and TV series.

application security debugging
Just Weather
regular 10 cards

Just Weather

Application that provides users with hourly & daily weather information.

application visualization security
The Veggie King
junior 11 cards

The Veggie King

Fully responsive landing page website, with optimized layouts.

rwd performance
Code Editor
regular 8 cards

Code Editor

Application that provides HTML/CSS/JS tabs with live code preview.

application rwd library
Color Memory
junior 9 cards

Color Memory

Game inspired by Simon, where users can test their memory skills.

game performance rwd
Any Chat
senior 10 cards

Any Chat

Real-time application that allows users to message each other.

application database performance
GifTok
regular 9 cards

GifTok

GIF exploration platform for mobile and desktop layouts.

performance security application
AI Post Generator
junior 8 cards

AI Post Generator

AI tool for crafting tailored posts across social platforms.

automation integration tool
Level Editor
regular 9 cards

Level Editor

Web-based editor designed for creating game levels with ease.

game tool visualization
Music Player
junior 11 cards

Music Player

Application for seamless song playback with fundamental controls.

application layout performance
Quiz App
regular 10 cards

Quiz App

Interactive web quiz with 10 new questions in each playthrough.

application integration rwd
Tic Tac Toe
junior 8 cards

Tic Tac Toe

A two-player game focusing on aligning three symbols in a row on a 3x3 grid.

game layout routing
Todo App
junior 5 cards

Todo App

Application for easily adding and deleting tasks, with a light/dark mode toggle.

application forms layout
Pokedex
regular 6 cards

Pokedex

Application to explore and learn more about Pokémon species.

application visualization integration
Blog
regular 10 cards

Blog

Website with a blend of articles about beauty, fashion, and wellness.

website layout routing
Dashboard
regular 9 cards

Dashboard

Application to visualize various statistics via cards and charts.

visualization layout application
Character Generator
junior 5 cards

Character Generator

Application to customize and create your very own character.

visualization application layout
FoodieGo
senior 14 cards

FoodieGo

Application for food delivery and takeout.

application routing layout

Ready to start building?

Get full access to all projects, Figma designs, task cards, and the built-in code editor with your 7-day free trial.

Start 7-Day Free Trial