Skip to content

Real-Life Web Projects — Hands-on coding tutorials using HTML, CSS, and JavaScript. Build practical apps like timers, recipe finders, note walls, and more.

License

Notifications You must be signed in to change notification settings

Codeboid/real-life-web-projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Real-Life Web Projects

HTML CSS JavaScript Beginner Friendly License: MIT


Welcome to Real-Life Web Projects 🎉
This repo contains step-by-step coding tutorials from Codeboid, where we learn by building practical, real-world applications using HTML, CSS, and JavaScript.


📌 About

Each project is designed for teens and adults — beginner-friendly but with real functionality you can use in daily life.
You’ll find tutorials that match blog posts from our website, plus all the source code to try and remix.


🚀 Projects Included

  • Study Timer ⏱ – A Pomodoro-style timer with custom minutes
  • Recipe Finder 🍲 – Search recipes using APIs (coming soon)
  • Post-it Wall 📝 – Create sticky notes stored in localStorage (coming soon)
  • Weather App 🌦 – Fetch and display live weather data (coming soon)

🛠 How to Run

  1. Clone this repo:

    git clone https://github.com/Codeboid/real-life-web-projects.git
    cd real-life-web-projects
  2. Open any project folder (e.g., study-timer).

  3. Double-click index.html to run in your browser.

  4. No setup or frameworks required 🚀


📖 Tutorials

Each project has a full tutorial on our site: 👉 Codeboid – Real-Life Web Projects


🤝 Contributing

Got a cool idea for a beginner-friendly project?

  • Fork this repo
  • Add your project in a new folder
  • Open a Pull Request 🎉

We welcome contributions from the community!


🔖 Topics

html, css, javascript, web-development, beginner-friendly, projects, tutorials, learning-by-doing


📬 Contact

Author: Shreya Sarker Email: [email protected] Website: https://codeboid.com


📜 License

This repository is licensed under the MIT License. See LICENSE for details.

About

Real-Life Web Projects — Hands-on coding tutorials using HTML, CSS, and JavaScript. Build practical apps like timers, recipe finders, note walls, and more.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published