Skip to main content

Practice Projects

Build real projects to strengthen your portfolio and sharpen your skills.

Todo App

Beginner

A classic task manager where users can add, complete, edit, and delete todos, with state persisted in the browser.

HTMLCSSJavaScript basicsDOM manipulation
1-2 daysReact, TypeScript, Tailwind CSS

Personal Portfolio

Beginner

A responsive single-page portfolio showcasing your bio, projects, and contact links, ready to deploy to a static host.

HTMLCSSResponsive design
2-3 daysNext.js, TypeScript, Tailwind CSS

Weather Widget

Beginner

A small app that fetches the current weather for a city from a public API and renders it with simple loading and error states.

JavaScriptFetch APIAsync/await
1-2 daysReact, TypeScript, OpenWeather API

Markdown Previewer

Beginner

A split-pane editor that converts Markdown text to live HTML preview as the user types.

JavaScriptReact statenpm packages
1 dayReact, TypeScript, marked

Tip Calculator

Beginner

An interactive calculator that splits a bill, applies a tip percentage, and shows per-person totals.

JavaScriptNumeric formattingForms
1 dayHTML, CSS, JavaScript

REST API with Auth

Intermediate

A backend REST API with user registration, JWT authentication, protected routes, and a relational database.

Node.jsHTTPSQLAuthentication concepts
1 weekNode.js, Express, PostgreSQL

Weather Dashboard

Intermediate

A multi-city weather dashboard with search, saved locations, charts of forecast data, and client-side caching.

ReactAPI integrationState managementData visualization
1 weekReact, TypeScript, React Query

Blog with CMS

Intermediate

A full-stack blog with Markdown posts, an admin dashboard for authoring, and server-side rendered public pages.

Next.jsDatabasesAuthenticationCRUD
1-2 weeksNext.js, TypeScript, PostgreSQL

Expense Tracker

Intermediate

A personal finance app to log income and expenses, categorize transactions, and visualize monthly spending trends.

ReactState managementREST APIsCharts
1 weekReact, TypeScript, Node.js

Mobile Fitness Tracker

Intermediate

A cross-platform mobile app that logs workouts, tracks streaks, and stores history with offline support.

React NativeMobile navigationLocal storageState management
1-2 weeksReact Native, Expo, TypeScript

Real-time Chat App

Advanced

A real-time messaging app with rooms, presence indicators, typing status, and message history over WebSockets.

WebSocketsNode.jsReactState synchronization
2-3 weeksReact, TypeScript, Node.js

E-commerce Platform

Advanced

A storefront with product catalog, cart, checkout, payment integration, and an order-management admin panel.

Next.jsPaymentsDatabasesState managementWebhooks
3-4 weeksNext.js, TypeScript, PostgreSQL

ML Image Classifier

Advanced

An image classification service that trains a convolutional model, serves predictions via an API, and exposes a web upload UI.

PythonDeep learningModel trainingREST APIs
2-3 weeksPython, PyTorch, FastAPI

CI/CD Pipeline & Infrastructure

Advanced

An automated pipeline that builds, tests, containerizes, and deploys an application to the cloud with infrastructure as code.

DockerCI/CDCloud basicsInfrastructure as codeLinux
2-3 weeksDocker, GitHub Actions, Terraform

Blockchain Voting DApp

Advanced

A decentralized voting application with smart contracts, a wallet-connected frontend, and on-chain result tallying.

SoliditySmart contractsWeb3React
2-3 weeksSolidity, Hardhat, ethers.js

Multi-tenant SaaS

Production-grade

A production SaaS with organization-based multi-tenancy, role-based access control, subscription billing, and audit logging.

System designAuthenticationDatabasesBillingSecurity
6-8 weeksNext.js, TypeScript, PostgreSQL

Video Streaming Service

Production-grade

A scalable video platform with upload, transcoding, adaptive bitrate streaming, a CDN, and a recommendation feed.

System designMedia processingCloud infrastructureCachingScalability
8-10 weeksNode.js, FFmpeg, AWS S3

Observability Platform

Production-grade

A monitoring system that ingests metrics and logs, runs alerting rules, and renders dashboards for distributed services.

Distributed systemsTime-series dataMonitoringCloud infrastructure
6-8 weeksGo, Prometheus, Grafana

AI RAG Assistant

Production-grade

A production retrieval-augmented generation assistant with document ingestion, a vector store, streaming responses, and evaluation.

LLMsVector databasesPrompt engineeringBackend APIsEvaluation
6-8 weeksPython, FastAPI, LangChain

Secure Banking API

Production-grade

A hardened financial API with strong authentication, encryption, transaction integrity, fraud checks, and compliance logging.

SecuritySystem designDatabasesCryptographyCompliance
6-8 weeksJava, Spring Boot, PostgreSQL