/real-life-web-projects

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

Primary LanguageJavaScriptMIT LicenseMIT

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: shreya@codeboid.com Website: https://codeboid.com

📜 License

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