PProtokol
Start free

Project library

Each project arrives like a ticket from a client: what they want, the stack, the requirements, and the bar it has to clear before it belongs in your portfolio.

Build your own idea
44 projects5 levelsAI review on every submission

Level 1 · Learning project

Practises a skill you have just learned.

  • Quiz App

    A multiple-choice quiz that scores the player and shows a summary.

    • HTML
    • CSS
    • JavaScript
    ~4h· beginner

  • Semantic Landing Page

    Structure a real landing page with semantic, accessible HTML.

    • HTML
    ~2h· beginner

  • Expense Splitter

    Split a bill between people, including uneven shares.

    • JavaScript
    ~5h· beginner

  • Markdown Notes

    Write notes in markdown and render them live.

    • JavaScript
    • CSS
    ~6h· beginner

  • Score Tracker

    Turn variables and types into a working score tracker used by a small games night app.

    • JavaScript
    ~1h· beginner

  • Number Guessing Engine

    Build the logic engine behind a guessing game using conditions and loops.

    • JavaScript
    ~2h· beginner

  • Study Coach

    Final project: a study coach that summarises practice sessions and reports back in plain English.

    • JavaScript
    ~3h· beginner

  • Responsive Marketing Site

    Build a responsive, multi-section marketing landing page using semantic HTML, Flexbox/Grid, forms, and accessibility best practices.

    • HTML
    • CSS
    ~5h· intermediate

  • Ship a Feature: Branch, PR, Conflict, Release

    Take a small project through the full real-world Git lifecycle: branch off main, open a pull request, resolve a merge conflict, and cut a tagged release.

    • git
    • github
    ~3h· beginner

  • Responsive Dashboard Layout

    Final project: a responsive dashboard laid out with Flexbox and Grid.

    • HTML
    • CSS
    ~4h· beginner

  • Practice Log Cleanup

    Use lists and dictionaries to clean up a messy practice log.

    • Python
    ~2h· beginner

  • Build the Core Systems of a Small Game

    Implement the three pure-function systems that power a small game: physics/movement update, collision + scoring, and wave-based difficulty with win/lose handling.

    • javascript
    ~4h· intermediate

Level 2 · Practical project

A small, working piece of software.

  • Filterable Product Dashboard

    Build a filterable dashboard that lists items, lets users search/filter/sort them, and manages UI state with React hooks.

    • react
    • javascript
    • jsx
    ~6h· intermediate

  • Data Transformation Toolkit

    Build a small library of pure functions that group, summarise, sort, and validate arrays of records -- the exact kind of utility code real apps use to shape data for dashboards, reports, and forms.

    • javascript
    ~4h· intermediate

  • Interactive To-Do & Filter Widget

    Build a small interactive to-do list widget: add items, mark them done, and filter which ones are visible — all with vanilla DOM APIs and event listeners.

    • javascript
    • html
    • css
    • dom
    ~6h· beginner

  • Build a Mini Offline-Ready Mobile App

    Capstone: build the core logic for a small mobile app that fetches data, persists it locally, handles offline actions, and navigates between screens.

    • react-native
    • expo
    • javascript
    ~6h· intermediate

  • Job Application Tracker

    Pipeline, reminders and outcome analytics for a job search.

    • React
    • Postgres
    ~20h· intermediate
  • Trending

    Real-Time Collaborative Editor

    Multiple users editing shared content live, with presence.

    • React
    • WebSockets
    ~35h· advanced
  • Trending

    AI Customer Support System

    A support inbox where an AI drafts grounded replies from a knowledge base.

    • React
    • TypeScript
    • LLM
    • Vector search
    ~40h· advanced

  • Build a Class Grade Report

    Model a Python program that reads student score records, validates them, computes averages, and produces a simple pass/fail summary report.

    • python (concepts)
    • javascript (grading)
    ~4h· beginner

  • Build a Validated, Authenticated REST API

    Design and build a small REST API with input validation, token-based auth, and consistent error handling.

    • javascript
    • node.js
    • http
    • rest
    ~6h· intermediate

  • Modern Booking Platform

    A booking system with availability, reservations and confirmations.

    • React
    • TypeScript
    • Postgres
    • Auth
    ~30h· intermediate

  • Build a Mini Data Pipeline: Ingest, Clean, and Summarize

    A capstone project where you build the core of a real data pipeline: ingest raw records and validate them, transform and de-duplicate the clean records, then produce a run summary like a real pipeline monitoring dashboard would show.

    • javascript
    • data validation
    • ETL
    • deduplication
    ~6h· intermediate

  • Bug Triage Lab

    Diagnose and repair five broken functions, one bug type at a time.

    • JavaScript
    ~2h· intermediate

  • Design and Query a Bookings Database

    Design a schema for a small bookings app (customers, services, staff, bookings) and write the SQL to query it.

    • SQL
    • PostgreSQL
    ~4h· beginner

  • Build an API Client Layer

    Design a small but real API client layer: build request URLs safely, normalise messy API responses into clean shapes, classify errors usefully, and generate stable cache keys.

    • javascript
    ~4h· intermediate

  • Sales Data Analysis Capstone

    Analyze a small sales dataset end to end: clean it, summarize it, find trends, and write a stakeholder-ready recommendation.

    • javascript
    ~5h· beginner

  • Property Investment Analyser

    Yield, cash flow and risk analysis over property data.

    • React
    • TypeScript
    • Charts
    ~28h· intermediate

  • SaaS Subscription Dashboard

    Plans, usage metering, upgrades and billing states.

    • React
    • Stripe
    • Postgres
    ~35h· advanced

  • Freelance Business Toolkit

    Build the core calculators and a delivery checklist a working freelancer relies on: a quote builder, a late-fee-aware invoice calculator, and a project-health assessment.

    • javascript
    ~4h· intermediate

Level 3 · Professional project

Production-shaped work worth showing employers.

  • Strong portfolio project

    Cloud Operations Capstone

    Build the decision-making logic behind a small cloud operations toolkit: capacity planning, incident severity, and canary rollout sizing.

    • javascript
    ~4h· intermediate
  • Strong portfolio project

    Simulated Firmware Control Loop

    Build a simulated firmware brain: bit-level register control, sensor-to-actuator signal conversion, and a robust event-driven state machine, all as pure JavaScript functions mirroring real embedded logic.

    • javascript
    ~6h· intermediate
  • Strong portfolio project

    Secure Signup & Access Gateway

    Build the three core security checks a real signup and request-handling system needs: safe signup validation, CSRF-aware authorization, and audit-log sanitisation.

    • javascript
    ~6h· intermediate
  • Strong portfolio project

    Algorithms & Data Structures Capstone

    Bring together searching, stacks, hash maps, recursion, and graph traversal in five focused mini-implementations.

    • javascript
    ~4h· intermediate
  • Strong portfolio project

    Professional CRM

    Multi-tenant CRM with roles, pipelines, activity history and reporting.

    • React
    • TypeScript
    • Postgres
    • RLS
    ~70h· expert
  • Strong portfolio project

    Two-Sided Marketplace

    Listings, search, messaging, payments and payouts.

    • React
    • Stripe Connect
    • Postgres
    • Search
    ~80h· expert
  • Strong portfolio projectTrending

    AI SaaS Product

    A complete AI product: auth, usage limits, billing and evaluation.

    • React
    • LLM
    • Stripe
    • Postgres
    ~75h· expert
  • Strong portfolio project

    Machine Learning Foundations Capstone

    Build the core toolkit every ML workflow depends on: splitting data honestly, measuring how good predictions really are, and scaling features so models learn fairly.

    • javascript
    ~6h· intermediate
  • Strong portfolio project

    Build a Grounded AI Assistant Pipeline

    Design and implement the core logic of a retrieval-augmented AI assistant: chunking, embeddings, retrieval, prompt assembly, and output validation.

    • javascript
    ~6h· advanced
  • Strong portfolio project

    From Laptop to Production

    Capstone: take a small app from local development to a deployed, monitored service with a working rollback plan.

    • JavaScript
    • CI/CD
    • Docker
    • Monitoring
    ~6h· intermediate
  • Strong portfolio project

    Ship the Analytics Bug-Fix Release

    Diagnose and fix a batch of realistic bugs in a small analytics utility library, then defend each fix with a written root-cause note.

    • javascript
    ~4h· intermediate

Level 4 · Industry simulation

A realistic engineering scenario, not a tutorial.

  • Industry simulation

    Industry Simulation: Legacy Rescue

    Inherit an undocumented codebase and deliver a feature safely.

    • JavaScript
    • Testing
    • Git
    ~25h· advanced
  • Industry simulationTrending

    Industry Simulation: Incident Week

    Handle a week of realistic production incidents.

    • Debugging
    • Performance
    • APIs
    ~20h· advanced

Level 5 · Independent product

Your own product, scoped and shipped by you.

  • Ultimate portfolio milestone

    Capstone: Ship Your Own Product

    An independent product built to professional standards and assessed end to end.

    • Your choice
    ~120h· expert

Got your own idea instead?

The studio turns anything you describe into a plan, a stack and a roadmap you can learn from as you build it.

Open Build Anything