20 project briefs
Practice Projects
Turn each stage of a roadmap into work you can show. Filter briefs by level and skills; each one lists the stack, time estimate, and what you will practise.
Todo App
A classic task manager where users can add, complete, edit, and delete todos, with state persisted in the browser.
You'll needHTMLCSSJavaScript basics+1 moreReact · TypeScript · Tailwind CSSView brief Beginner2-3 daysPersonal Portfolio
A responsive single-page portfolio showcasing your bio, projects, and contact links, ready to deploy to a static host.
You'll needHTMLCSSResponsive designNext.js · TypeScript · Tailwind CSSView brief Beginner1-2 daysWeather Widget
A small app that fetches the current weather for a city from a public API and renders it with simple loading and error states.
You'll needJavaScriptFetch APIAsync/awaitReact · TypeScript · OpenWeather APIView brief Beginner1 dayMarkdown Previewer
A split-pane editor that converts Markdown text to live HTML preview as the user types.
You'll needJavaScriptReact statenpm packagesReact · TypeScript · markedView brief Beginner1 dayTip Calculator
An interactive calculator that splits a bill, applies a tip percentage, and shows per-person totals.
You'll needJavaScriptNumeric formattingFormsHTML · CSS · JavaScriptView brief Intermediate1 weekREST API with Auth
A backend REST API with user registration, JWT authentication, protected routes, and a relational database.
You'll needNode.jsHTTPSQL+1 moreNode.js · Express · PostgreSQLView brief Intermediate1 weekWeather Dashboard
A multi-city weather dashboard with search, saved locations, charts of forecast data, and client-side caching.
You'll needReactAPI integrationState management+1 moreReact · TypeScript · React QueryView brief Intermediate1-2 weeksBlog with CMS
A full-stack blog with Markdown posts, an admin dashboard for authoring, and server-side rendered public pages.
You'll needNext.jsDatabasesAuthentication+1 moreNext.js · TypeScript · PostgreSQLView brief Intermediate1 weekExpense Tracker
A personal finance app to log income and expenses, categorize transactions, and visualize monthly spending trends.
You'll needReactState managementREST APIs+1 moreReact · TypeScript · Node.jsView brief Intermediate1-2 weeksMobile Fitness Tracker
A cross-platform mobile app that logs workouts, tracks streaks, and stores history with offline support.
You'll needReact NativeMobile navigationLocal storage+1 moreReact Native · Expo · TypeScriptView brief Advanced2-3 weeksReal-time Chat App
A real-time messaging app with rooms, presence indicators, typing status, and message history over WebSockets.
You'll needWebSocketsNode.jsReact+1 moreReact · TypeScript · Node.jsView brief Advanced3-4 weeksE-commerce Platform
A storefront with product catalog, cart, checkout, payment integration, and an order-management admin panel.
You'll needNext.jsPaymentsDatabases+2 moreNext.js · TypeScript · PostgreSQLView brief Advanced2-3 weeksML Image Classifier
An image classification service that trains a convolutional model, serves predictions via an API, and exposes a web upload UI.
You'll needPythonDeep learningModel training+1 morePython · PyTorch · FastAPIView brief Advanced2-3 weeksCI/CD Pipeline & Infrastructure
An automated pipeline that builds, tests, containerizes, and deploys an application to the cloud with infrastructure as code.
You'll needDockerCI/CDCloud basics+2 moreDocker · GitHub Actions · TerraformView brief Advanced2-3 weeksBlockchain Voting DApp
A decentralized voting application with smart contracts, a wallet-connected frontend, and on-chain result tallying.
You'll needSoliditySmart contractsWeb3+1 moreSolidity · Hardhat · ethers.jsView brief Production-grade6-8 weeksMulti-tenant SaaS
A production SaaS with organization-based multi-tenancy, role-based access control, subscription billing, and audit logging.
You'll needSystem designAuthenticationDatabases+2 moreNext.js · TypeScript · PostgreSQLView brief Production-grade8-10 weeksVideo Streaming Service
A scalable video platform with upload, transcoding, adaptive bitrate streaming, a CDN, and a recommendation feed.
You'll needSystem designMedia processingCloud infrastructure+2 moreNode.js · FFmpeg · AWS S3View brief Production-grade6-8 weeksObservability Platform
A monitoring system that ingests metrics and logs, runs alerting rules, and renders dashboards for distributed services.
You'll needDistributed systemsTime-series dataMonitoring+1 moreGo · Prometheus · GrafanaView brief Production-grade6-8 weeksAI RAG Assistant
A production retrieval-augmented generation assistant with document ingestion, a vector store, streaming responses, and evaluation.
You'll needLLMsVector databasesPrompt engineering+2 morePython · FastAPI · LangChainView brief Production-grade6-8 weeksSecure Banking API
A hardened financial API with strong authentication, encryption, transaction integrity, fraud checks, and compliance logging.
You'll needSecuritySystem designDatabases+2 moreJava · Spring Boot · PostgreSQLView brief