Project Challenges

Pick a project that matches your skill level. Each one comes with a detailed brief, milestones to keep you on track, and AI hints when you get stuck.

Beginner

Weather Dashboard

Build a weather dashboard that fetches real-time data from a public API. Users should be able to search for any city and see current conditions plus a 5-day forecast. Focus on clean UI and proper error handling.

apijavascriptcsshtml
~4h
View project
Beginner

Task Manager App

Build a task manager (todo app — but better). Users can create tasks with titles, descriptions, due dates, and priority levels. Tasks can be organized into categories, marked complete, and filtered/sorted. Data persists in localStorage.

reactstate-managementcsslocalStorage
~6h
View project
Beginner

Real-Time Markdown Editor

Build a split-pane markdown editor with live preview. The left side is a text editor where users write markdown; the right side renders it in real time. Include a toolbar for common formatting, file export, and theme support.

reactmarkdowncsssplit-pane
~5h
View project
Intermediate

GitHub Profile Explorer

Build a GitHub profile explorer that uses the GitHub API to display user profiles, repositories, contribution stats, and language breakdowns. Include search, comparison between two users, and data visualizations (charts for language usage, commit activity).

apireactdata-visualizationrouting
~8h
View project
Intermediate

E-Commerce Product Store

Build a fully functional e-commerce storefront. Products are fetched from the Fake Store API. Users can browse products by category, view product details, add items to a shopping cart, adjust quantities, and go through a checkout flow. Cart state persists across page reloads.

reactstate-managementapicssrouting
~12h
View project
Intermediate

Real-Time Chat Application

Build a real-time chat application with rooms, user nicknames, typing indicators, and message history. The backend uses Node.js with Socket.io; the frontend is React. Users can create/join rooms, send messages instantly, and see who's typing.

websocketsnode.jsreactfull-stack
~10h
View project
Advanced

Personal Finance Tracker

Build a full-stack personal finance tracker where users can log income and expenses, categorize transactions, set budgets, and visualize spending patterns. Includes user authentication, a dashboard with charts, and CSV import/export. Uses Next.js with a database backend.

full-stackdatabasechartsauthenticationreact
~16h
View project
Advanced

Job Board Platform

Build a full-stack job board where companies can post jobs and developers can browse, search, and apply. Includes full-text search, filtering by location/type/salary, company profiles, application tracking, and an admin dashboard. Uses Next.js App Router with server components.

full-stacknext.jsdatabasesearchauthentication
~20h
View project