Beginner-friendly • Project-based • Desktop-ready

Learn to design and build modern websites with React.

A focused learning website for HTML, CSS, JavaScript, React, UI/UX fundamentals, Git, and deployment. Start with small lessons, practise in the browser, then build real portfolio projects.

Start learning Open playground

0 completed 7 modules 21 starter lessons

today.plan({
  module: "HTML & CSS Basics",
  lesson: "Semantic profile card",
  practise: "Edit live preview",
  project: "Personal portfolio"
});

Your dashboard

Choose a module and follow the lesson.

Progress is saved in this browser using local storage, so your desktop will remember completed lessons.

Module 1

Loading lesson…

Live practice

Edit the component data and see the preview change.

This simple playground teaches how data becomes UI. Later, this can be replaced with a full React/Sandpack editor.

Code input

⚛

Master

React Website Builder

Sky + Violet

Tip: change name, role, theme, or button text.

Build real things

Portfolio projects to unlock as you learn.

Profile Card

HTML structure, CSS spacing, and visual hierarchy.

Responsive Landing Page

Hero, navigation, cards, mobile layout, and call-to-action design.

React Portfolio

Components, props, routing basics, project gallery, and deployment.

Dashboard UI

Reusable UI components, charts layout, filters, and accessible interactions.