Skip to content

README.md

Latest commit

 

History

History
77 lines (62 loc) · 2.17 KB

README.md

File metadata and controls

77 lines (62 loc) · 2.17 KB

🚀 Web Development Learning Journey

Projects, experiments, and growth in HTML, CSS, and JavaScript
Welcome to my Web Development Journey repository! This is where I document my progress and projects as I dive into the world of web development. Let's build something amazing together! 🚀

🎯 Featured Projects

🎲 Dice Game Challenge

Tech: HTML, CSS, JavaScript
Highlights:

  • Random dice rolls with Math.random()
  • Dynamic winner announcement
  • Clean UI with CSS animations
    Lesson Learned: Mastered DOM updates and event-driven logic.
    Live Demo: Play Here!

🥁 Interactive Drum Kit

Tech: HTML, CSS, JavaScript
Highlights:

  • Keypress-triggered audio playback
  • Visual button animations
  • Fully responsive design
    Lesson Learned: Deepened understanding of addEventListener and audio APIs.

🔍 Google Search Clone

Tech: HTML, CSS
Highlights:

  • Pixel-perfect replica of Google's UI
  • Functional search inputs
  • Advanced search page
    Lesson Learned: Precision in CSS positioning and form handling.

🧠 Simon Memory Game

Tech: HTML, CSS, JavaScript
Highlights:

  • Increasing difficulty levels
  • Sound feedback system
  • Cute UI Lesson Learned: Applying framework concepts of jQuery.

🌱 Beginner Projects

  • hello.html - First steps in HTML
  • basic-elements.html - Core HTML tag practice

🛠️ Technical Showcase

pie
    title Language Usage
    "CSS" : 37.3
    "HTML" : 36.7
    "JavaScript" : 26.0
Loading

📬 Connect & Collaborate

🌟 What's Next?

  • Adding React projects
  • Implement backend functionality
  • Create project tutorial videos

Last Updated: June 2025

Let's code and create together! 💻✨