// build real things

Project Ideas

Projects you can add to your portfolio. Recruiters care about what you build, not just what you know.

Beginner

Personal Portfolio Website

A clean portfolio to show your skills and projects. Every dev needs one.

HTMLCSSJS
⏱ ~1 week See examples

Weather App

Fetch weather data from OpenWeather API and display it nicely.

JSAPICSS
⏱ ~3 days See examples

Todo App with LocalStorage

CRUD operations, filters, and persistent data. Core JS practice.

JSCSS
⏱ ~3 days See examples

Quiz App

Multiple choice quiz with score tracking. Great DOM manipulation practice.

JSCSS
⏱ ~4 days See examples
Intermediate

E-commerce Store UI

Product listing, cart, and checkout flow. Most asked in interviews.

ReactTailwindContext
⏱ ~2 weeks See examples

Real-time Chat App

Chat rooms, real-time messages. Shows full-stack thinking.

ReactSupabaseWebSockets
⏱ ~2 weeks See examples

Developer Blog

Blog with markdown posts, categories, and RSS feed.

Next.jsMDXTailwind
⏱ ~10 days See examples

GitHub Profile Finder

Search any GitHub user and display their repos, stars, and stats.

ReactGitHub API
⏱ ~5 days See examples
Advanced

Job Board Platform

Companies post jobs, devs apply. Role-based auth + payments.

Next.jsSupabaseAuthStripe
⏱ ~4 weeks See examples

Code Editor (like CodePen)

Live HTML/CSS/JS preview. Shows advanced React architecture.

ReactCodeMirrorIframe
⏱ ~3 weeks See examples

AI Resume Builder

Input job description + experience → auto-generates optimized resume.

Next.jsOpenAI APIPDF
⏱ ~2 weeks See examples

SaaS Dashboard

Full SaaS with subscription billing, analytics, and multi-tenant.

Next.jsSupabaseStripeCharts
⏱ ~6 weeks See examples