Projects

Eight real projects built only with HTML, CSS and vanilla JavaScript. Read the code, run the demo, then rebuild it from scratch.

Calculator

DOM selection · Event delegation · String → number conversion · State in a variable

Form submit · Array methods · localStorage · Rendering lists

Fetch API · Async/await · Working with JSON · Loading and error states

Array iteration · Conditional rendering · Score tracking

localStorage · CRUD in vanilla JS · Template literals

Reduce · Forms · Filtering arrays · Money formatting

Semantic HTML · Responsive CSS · Smooth scrolling

Form events · Regex basics · Showing inline errors