Loading...
100 hands-on projects from beginner to expert. Pick a challenge and start building.
Build a responsive portfolio website with dark/light mode toggle, smooth scroll navigation, project showcase section, and contact form. Use modern CSS techniques like grid, flexbox, and animations.
Recreate a famous SaaS landing page (like Linear, Vercel, or Stripe). Focus on pixel-perfect typography, spacing, subtle animations, and responsive behavior across all devices.
Create a static blog that renders Markdown/MDX content with syntax highlighting, table of contents, and reading time estimates. Include category filtering and a search feature.
Build a weather dashboard that fetches data from a weather API. Display current conditions, 5-day forecast with charts, location search with autocomplete, and animated weather icons.
Build an advanced todo application with categories, priority levels, drag-and-drop reordering, due dates, local storage persistence, and a beautiful UI with smooth animations.
Create a recipe search application where users can search by ingredients, filter by cuisine and dietary restrictions, save favorites, and view detailed cooking instructions.
Build a beautiful Pomodoro productivity timer with customizable work/break intervals, session tracking, stats dashboard, notification sounds, and a progress visualization.
Build a scientific calculator with standard and scientific modes, calculation history, multiple themes, keyboard support, and smooth button press animations.
Create a masonry-grid image gallery with lightbox viewing, lazy loading, infinite scroll, category filtering, and smooth animations. Support image zoom and keyboard navigation.
Build a platform where users can create quizzes with multiple question types (multiple choice, true/false, fill-in-the-blank), take quizzes with a timer, and see score analytics.
Build a complete e-commerce storefront with product listing, search and filters, shopping cart, checkout flow with form validation, and order confirmation. Use mock payment processing.
Create a social media feed with infinite scroll, post creation (text/images), like and comment functionality, share buttons, and user profile cards.
Build an admin analytics dashboard with interactive charts, data tables with sorting/filtering, date range picker, export functionality, and responsive layout with sidebar navigation.
Build a full-stack URL shortener with custom short links, click analytics (geographic, device, referrer), QR code generation, and a dashboard to manage all links.
Build a Trello-like Kanban board with drag-and-drop cards between columns, card editing with rich text, labels, due dates, and board persistence.
Build a real-time chat application with WebSocket connections, chat rooms, typing indicators, read receipts, emoji reactions, and message search.
Create a drag-and-drop file uploader with progress tracking, image/video preview, file type validation, chunked uploads for large files, and a gallery view of uploaded files.
Build a complex multi-step form with conditional logic, real-time validation, progress indicator, review step, and the ability to navigate back and forth between steps.
Build a headless CMS with a rich text editor (block-based like Notion), content types, media management, API generation, and role-based access control.
Build a production-grade authentication system with OAuth providers, email/password with MFA, password reset flow, session management, and security best practices.
Build a real-time collaborative whiteboard where multiple users can draw, add shapes and text, with undo/redo, layers, and export to image functionality.
Build a video platform with upload, transcoding pipeline, adaptive bitrate streaming (HLS), video player with custom controls, and a recommendation feed.
Design and build a GraphQL API with queries, mutations, subscriptions, custom scalars, and an interactive playground with documentation and query history.
Build a micro-frontend system with module federation, independent deployments, shared state management, and a shell application that orchestrates multiple micro-apps.
Take a deliberately slow web application and optimize it to achieve a perfect 100 Lighthouse score. Fix render-blocking resources, implement code splitting, optimize images, and more.
Build the classic Snake game with smooth movement, power-ups (speed boost, score multiplier), increasing difficulty, a local leaderboard, and retro-styled graphics.
Build Tic-Tac-Toe with an unbeatable AI opponent using the minimax algorithm. Include multiple difficulty levels, move history with replay, and win/draw animations.
Create a card matching memory game with flip animations, multiple difficulty levels (grid sizes), a move counter, timer, and themed card sets.
Build a Breakout-style brick breaker game with paddle controls, bouncing ball physics, power-ups (multi-ball, wider paddle), destructible bricks, and a level editor.
Build a typing speed test with WPM calculation, accuracy tracking, real-time racing visualization against ghost opponents, difficulty modes, and a progress history chart.
Build the 2048 puzzle game with smooth tile merging animations, swipe/keyboard controls, undo functionality, score tracking, and a best score leaderboard.
Build classic Minesweeper with auto-reveal for empty cells, flagging, custom grid sizes, a timer, and first-click safety guarantee (never hit a mine on first click).
Build a Flappy Bird clone with canvas rendering, parallax scrolling backgrounds, pipe generation, gravity physics, score tracking, and multiple bird skins.
Build a Wordle clone with animated letter reveals, virtual keyboard with color feedback, share functionality (emoji grid), daily word selection, and statistics tracking.
Build the classic 15-puzzle sliding tile game with image support (upload your own image), move counter, auto-solve with A* algorithm, and smooth tile sliding animations.
Build a side-scrolling platformer with character movement, jumping physics, platform collision, enemies, collectibles, and multiple levels with a level transition system.
Build a tower defense game with pathfinding enemies, placeable towers with different abilities, upgrade system, wave management, and resource economy.
Build a turn-based card battle game with deck building, mana system, card effects (damage, heal, buff), opponent AI, and animated card play sequences.
Build a space shooter with player ship controls, asteroids that split when hit, particle effects for explosions, a wave system, and screen wrapping.
Build a full chess implementation with all piece movement rules, special moves (castling, en passant, promotion), check/checkmate detection, and a basic AI opponent.
Build a rhythm game where notes scroll toward a hit zone synced to music. Include scoring with timing accuracy, combo system, multiple tracks, and visual feedback effects.
Build a procedural maze generator with multiple algorithms (DFS, Prim's, Kruskal's), visual step-by-step generation, and pathfinding solver visualization (BFS, DFS, A*).
Build a Tamagotchi-style virtual pet with needs (hunger, happiness, energy), animated sprite states, mini-games to earn currency, pet evolution, and real-time progression.
Build a real-time multiplayer game with a Node.js game server, lobby system, player matchmaking, client-side prediction, and server reconciliation.
Build a 2D physics engine with rigid body simulation, collision detection and response, constraints/joints, gravity, and interactive object spawning.
Build an infinite 2D world generator with Perlin/Simplex noise for terrain, biome classification, chunk-based loading, and a minimap with explored areas.
Build a roguelike with procedurally generated dungeons, turn-based combat, inventory system, item drops, permadeath, and progressively harder floors.
Build a minimal 2D game engine with Entity-Component-System architecture, scene management, sprite rendering, input handling, and a simple level editor.
Train an AI to play a simple game using reinforcement learning. Implement Q-learning or a neural network approach, with training visualization and performance metrics.
Build an interactive 3D world with Three.js featuring lighting, shadows, camera controls, 3D model loading, environment mapping, and post-processing effects.
Build a mobile expense tracking app with category-based spending, pie/bar charts, monthly budgets, recurring expenses, and export to CSV functionality.
Build a daily habit tracking app with streak counting, reminder notifications, progress charts, weekly/monthly views, and motivational milestones.
Build a spaced repetition flashcard app with swipe gestures (know/don't know), deck management, progress tracking, and the SM-2 algorithm for optimal review scheduling.
Build a notes app with rich text editing, folder organization, full-text search, pinned notes, tags, and cloud sync capabilities.
Build an app to manage multiple countdown timers for events (birthdays, holidays, deadlines) with custom backgrounds, sharing, and home screen widgets.
Build a QR code scanner and generator app with camera integration, scan history, custom QR generation (URL, text, WiFi, vCard), and batch scanning.
Build a beautiful music player interface with album art display, playback controls, progress scrubbing, playlist management, and gesture-based interactions.
Build a photo editing app with camera capture, preset filters (vintage, noir, warm), brightness/contrast/saturation sliders, and save/share functionality.
Build a daily mood tracking journal with mood selection (emoji-based), notes, calendar view, mood trends over time, and insights like most productive days.
Build a comprehensive unit converter app supporting length, weight, temperature, currency (live rates), speed, and more. Include favorites and conversion history.
Build a complete food delivery app UI with restaurant browsing, menu viewing, cart management, order tracking with map, and smooth animations throughout.
Build a fitness app with an exercise library, custom workout builder, workout timer with rest intervals, progress tracking, and body measurement logging.
Build an offline-capable todo app that works without internet and syncs when connectivity is restored. Handle conflict resolution for concurrent edits.
Build an interactive map app with custom markers, route planning, location search with geocoding, offline map tiles, and points of interest clustering.
Implement a complete push notification system with rich notifications (images, actions), notification categories, scheduling, deep linking, and preference management.
Implement biometric authentication with Face ID and fingerprint support, fallback PIN, secure token storage, and auto-lock with configurable timeout.
Build an Instagram-like stories feature with timed slide progression, tap/swipe navigation, progress indicators, image/video support, and story creation.
Build an augmented reality business card viewer that detects a physical card via camera and overlays interactive 3D content, links, and contact information.
Build a chat app that works seamlessly offline, queuing messages for delivery when online. Handle message ordering, conflict resolution, and sync indicators.
Build a mobile video editor with trimming, merging clips, adding text overlays and music tracks, applying filters, and exporting the final video.
Build a health dashboard that integrates with device health APIs (steps, heart rate, sleep) and displays comprehensive charts, goals, and trend analysis.
Build a single app that runs on iOS, Android, and Web from one codebase. Handle platform-specific UI patterns, navigation, and responsive layouts.
Build a reusable animation primitives library with spring physics, gesture-driven animations, layout transitions, shared element transitions, and configurable presets.
Build a full App Store browsing experience with featured apps, categories, search, app detail pages with screenshots, ratings, reviews, and deep linking.
Integrate payment processing with Stripe and in-app purchases. Build subscription management, payment history, receipt validation, and refund handling.
Build a beautiful chat UI for AI conversations with streaming response display, message history, conversation management, code block rendering, and markdown support.
Build a tool for creating, testing, and sharing prompt templates with variable placeholders, version history, A/B testing results, and a community template library.
Build a text editor with AI-powered writing assistance: grammar checking, tone adjustment, text expansion/compression, and inline suggestions like GitHub Copilot.
Build a frontend interface for AI image generation with prompt input, style presets, aspect ratio selection, generation history gallery, and image variations.
Build a tool where users paste code and receive AI-powered reviews with bug detection, security vulnerability scanning, performance suggestions, and refactoring recommendations.
Build a sentiment analysis tool that analyzes text, social media posts, or product reviews. Display results with confidence scores, emotion breakdown, and trend charts.
Build a tool that summarizes articles, PDFs, and YouTube videos. Support multiple summary lengths, key points extraction, and summary comparison.
Build a no-code chatbot creator where users define personality, knowledge base, conversation flows, and deploy the bot with an embeddable widget.
Build a multi-language translator with context-aware translations, tone preservation, idiom handling, translation memory, and side-by-side comparison.
Build a voice recording app that transcribes speech to text using AI, then formats and organizes the transcription with automatic tagging, headings, and action item extraction.
Build a Retrieval-Augmented Generation system. Upload documents, chunk and embed them into a vector store, and query with natural language to get AI answers grounded in your data.
Build an AI agent that can use tools: web search, code execution, file reading, API calls. Implement the ReAct pattern with thought/action/observation loops.
Build a system where two AI agents debate a given topic from opposing perspectives. Users act as judge, scoring arguments. Includes structured rounds and rebuttals.
Build a visual node-based editor for creating AI processing pipelines. Connect LLM calls, data transformations, conditional logic, and output nodes in a drag-and-drop canvas.
Build an agent that takes natural language feature descriptions and generates working code. Include file structure planning, iterative refinement, and a preview sandbox.
Build a tool where users upload CSV data, ask natural language questions, and get AI-generated charts, insights, and statistical analysis with explanations.
Build a search engine with conversational follow-up questions. Maintain context across queries, show source citations, and support refinement through natural dialogue.
Build an AI email assistant that drafts replies, composes new emails with tone control, summarizes email threads, and suggests quick responses.
Build an agent that autonomously researches topics by searching the web, reading articles, synthesizing information, and producing structured research reports with citations.
Build a VS Code extension-like AI coding assistant with inline completions, chat sidebar, code explanation, bug detection, and context-aware suggestions.
Build an app that processes multiple input types: text, images, audio, and documents. Perform cross-modal tasks like describing images, transcribing audio, and answering questions about documents.
Orchestrate multiple specialized AI agents that collaborate on complex tasks. Build a coordinator that decomposes tasks, assigns them to specialists, and synthesizes results.
Build a UI for the complete model fine-tuning workflow: dataset preparation with labeling, training configuration, job monitoring, and evaluation with test prompts.
Build a platform for sharing and deploying custom AI agents. Users can publish agents with descriptions, try others' agents, rate them, and deploy via API or embed.
Build a complete AI-powered SaaS product with user auth, subscription billing, AI core functionality, usage tracking, admin dashboard, and landing page.