main

बरायबाय

This page is specially designed for students to practice real-world HTML, CSS, and JavaScript projects in a structured way.

Learn basic to advanced HTML concepts through practical tasks like forms, tables, lists, layouts, and semantic elements.

Improve styling skills with hover effects, layouts, responsive design, animations, and modern UI components.

Understand logic building using validation, events, DOM manipulation, and small interactive projects.

Choose a project from the left sidebar (desktop) or tap the menu button ☰ on the top-right to open the project list on mobile devices.
Read the task instructions carefully
Write code in your editor (VS Code recommended)
Preview output in browser
Use Open in New Tab for full-screen view
If you need help or want to see how the code works, right-click on the page and choose View Page Source (or View Frame Source if the content is inside a frame). Shortcut: Ctrl + U .

Beginner

Create and visualize HTML table colspan & rowspan interactively.

Intermediate

Generate CSS Flexbox layouts visually with live preview.

Beginner

Basic Image Filter Using CSS, Like brightness, contrast, hue-rotate, opacity etc.

Game

Fun number guessing game to practice JS logic building.

Logic

Pattern & logic-based mini challenge for students.

Game

Fun number guessing game to practice JS logic building.

Intermediate

Fun Valentine's Day themed proposal generator.

Intermediate

Generate and print customizable ID cards with live preview.

Intermediate

Check and visualize the strength of any password.

Intermediate

Calculate age in years, months, and days from a given birth date.

Intermediate

List of common Bodo surnames and titles including Basumatary, Boro, Daimary, Narzary and more.

Advanced

This project uses TMDb API.

Advanced

Expense tracker, save data in local storage.

Advanced

PPT animation video for practice powerpoint animation effect.

Advanced

The interface is optimized for students practicing MS Word tasks