FREE • PRACTICAL • NO SIGN-UP REQUIRED
Three free projects. One clear place to start.
Build a real webpage in under 75 minutes with complete starter code and straightforward instructions. Designed for teen and adult beginners, teachers, and coding clubs.
Choose your project ↓CHOOSE YOUR STARTING POINT
Build something useful today.
Start with HTML and CSS, then move into JavaScript interaction and logic.
START HERE • HTML + CSS • 35–45 MIN
Kindness Card
Learn page structure, selectors, spacing, colors, and a gentle animation.
Build the card →JAVASCRIPT • 50–60 MIN
Mood Check-In
Practice buttons, data attributes, click events, and DOM updates.
Build the check-in →JAVASCRIPT • 60–75 MIN
Study Sprint Timer
Practice functions, timers, events, state, and accessible controls.
Build the timer →Not sure where to begin?
Start with the Kindness Card.
Choose the Mood Check-In.
Build the Study Sprint Timer.
A SIMPLE LEARNING LOOP
Copy. Run. Change. Explain.
Each lesson gives you a working starting point. Run it in a browser, personalize at least two details, explain one code choice, and extend it when you are ready.
READY FOR A COMPLETE PATH?
Turn five projects into your first web portfolio.
The upcoming $29 First Web Portfolio Bundle adds a 14-day plan, a responsive portfolio starter, checklists, project-description templates, and structured customization challenges.
Explore the free projects →Quick answers
Are the projects really free?
Yes. The instructions and starter code are free for personal learning and classroom instruction.
What software do I need?
A basic text editor and a modern browser are enough. No framework or paid account is required.
Can teachers and clubs use them?
Yes. The projects work for teen and adult beginner classes, coding clubs, libraries, and independent learning.
123 CODING WITH ME 