Preplp

Project-based learning

Project labs

Six labs you can open right now — deploy codelabs you build from scratch, and front-end mini apps with starter HTML, CSS, and JavaScript.

6 labs live · 3 deploy codelabs · 3 mini apps

Your portfolio

Deploy codelabs — build from scratch

Machine Learning

Build & Deploy ML Apps

intermediateDeploy project

Step-by-step codelabs — build Flask and Streamlit apps from scratch with explained code at each step.

1Deploy project

Image Watermarking

Build a Flask app that watermarks uploads — logo overlay or text, with OpenCV

FlaskOpenCVPIL

~120 min

2Deploy project

Text Extraction from Images

Build a Flask OCR app — upload an image, extract text with Tesseract, display results in the browser

FlaskpytesseractOpenCV

~90 min

3Deploy project

Face Detection Streamlit App

Build a Streamlit app that opens your webcam and draws boxes around faces with Haar cascades

StreamlitOpenCVHaar cascade

~75 min

Front-end mini apps — starter files included

HTML CSS JS Projects

beginnerMini app

Hands-on front-end mini apps — color tools, calculators, and DOM practice. Full starter HTML, CSS, and JavaScript.

1Mini app

Random Color Generator

DOM, loops, and the Clipboard API

HTML structureCSS FlexboxcreateElement

~45 min

2Mini app

BMI Calculator

Forms, validation, and calculated output

<form>preventDefaultparseInt/parseFloat

~40 min

3Mini app

Tip Calculator

User input, switch logic, and formatted currency

getElementByIdparseFloatswitch

~45 min

Project labs

Web app builds only

Mini apps with HTML, CSS, and JavaScript files you open in the browser. For Python syntax and drills, use the learning path or practice lab.

Learn (Daily Python)

One rehearsal platform

Certification mocks, daily lessons, project labs, and in-browser drills

Structured for exam day and portfolio proof — timed tests, guided builds, and quick reps on one platform.