Building a JavaScript Simon Says Game with HTML, CSS, and JavaScript

Built a real-time analog & digital clock using JavaScript, HTML & CSS. . Smooth animations for clock hands ⏱️ . Real-time updates every second 💻 Code on GitHub: https://lnkd.in/daWFt6Rm 🌐 Live Demo: https://lnkd.in/ddBSjzHJ Team : Ahsen Adil Muhammad Shayan Sir : Muhammad Fareed Ali Aftab Sheikh Ghous Ahmed Zeeshan Aijaz Wajid Ullah #JavaScript #WebDevelopment #Frontend #CodingChallenge #JS30 #ClockProject

🚀 Just built a simple yet fun game using HTML, CSS & JavaScript! It’s a Bat–Ball–Stump game where the user selects an option and the computer makes a random choice 🎮 👉 Rules are simple: Bat 🆚 Ball → User wins Ball 🆚 Stump → User wins Stump 🆚 Bat → User wins This project helped me understand: ✔️ DOM manipulation ✔️ Event handling ✔️ Logic building Small project, but a big step in my learning journey 💻✨ Would love your feedback! #WebDevelopment #JavaScript #CodingJourney #Projects #FrontendDeveloper

🎮 Just built a simple Tic-Tac-Toe game using HTML, CSS, and JavaScript. Nothing too complex — just wanted to strengthen my fundamentals and understand how things work behind the scenes without using any frameworks. What I worked on: • Handling game logic (win conditions, turns) • Updating UI with DOM manipulation • Reset functionality Honestly, small projects like this help a lot in getting comfortable with core concepts. Thinking of improving it next by adding an AI opponent or better UI. Open to suggestions 👀 #JavaScript #HTML #CSS #WebDevelopment #Learning

Day 14 of my JavaScript journey 🚀 Built a Quiz Game using HTML, CSS, and JavaScript. Users can answer multiple-choice questions, get instant feedback, and track their score. This project helped me practice: • DOM manipulation • Event handling • Conditional logic • Dynamic score tracking 🔗 Live Demo: https://lnkd.in/gSjTeEFb 💻 GitHub Repo: https://lnkd.in/gAp_RjRK Building more interactive and logic-based projects day by day. 💻 #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #CodingJourney

🚀 Just Built My First Dynamic Quote Generator! Excited to share a small project I’ve been working on using JavaScript DOM manipulation 🎯 💡 Features: ✔️ Generates random quotes ✔️ Changes background colors dynamically 🎨 ✔️ Uses concepts like textContent, setInterval, and DOM methods This project helped me understand: 👉 How to manipulate the DOM 👉 How to use arrays and random functions 👉 Difference between innerHTML and textContent 👉 Real-time UI updates 🔧 Tech Used: HTML | CSS | JavaScript Small steps, but moving forward consistently 💪 Next step: Adding animations and user input features 🚀 Would love your feedback and suggestions 🙌 #WebDevelopment #JavaScript #Frontend #Learning #CodingJourney #100DaysOfCode

Day 15 of my JavaScript journey 🚀 Built a Color Palette Generator using HTML, CSS, and JavaScript. This tool generates different color palettes, helping users explore and pick color combinations easily. This project helped me practice: • Working with random values • DOM manipulation • Dynamic styling • Creating useful UI tools 🔗 Live Demo: https://lnkd.in/g7kYvzWR 💻 GitHub Repo: https://lnkd.in/gsW2MWHT Building more practical and creative projects every day. 💻🎨 #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #CodingJourney

Just built the classic Snake Game using HTML, CSS, and JavaScript 🐍 The logic behind it was really interesting — especially handling movement, detecting collisions, and making the snake grow after eating food. This project helped me improve: • JavaScript logic building • DOM manipulation • Game loop concepts Still learning and exploring 🚀 Would love to hear your feedback! #JavaScript #WebDevelopment #Frontend #Projects #Learning

🚀 Just built a cool JavaScript mini-project! Today I worked on a simple but fun concept using DOM manipulation & mouse events 🎯 👉 Created a circle that follows the cursor in real-time 👉 Used event.clientX and event.clientY to track movement 👉 Applied dynamic styling with position: absolute 💡 This small project helped me understand: How browser events work Real-time UI interaction Importance of CSS positioning in JavaScript Sometimes, small projects teach BIG concepts 🔥 Excited to build more interactive UI experiences! #JavaScript #WebDevelopment #Frontend #Coding #Learning #DOM #BeginnerProjects

This JavaScript library completely changed how I think about text. I’ve been working on my portfolio recently using the Pretext library by Cheng Lou and it’s absurd. Pretext is a JavaScript library that lets you break out of traditional CSS and DOM constraints and build truly dynamic UI. Instead of rendering everything and asking the DOM what happened, with Pretext you compute and measure everything first, then render once. This shift feels small, but it opens the door to more innovative, dynamic interfaces that aren't limited by typical layout rules. Check it out👇 : https://lnkd.in/ghedSc_K Pretext by Cheng Lou: https://lnkd.in/dy2n-utx #pretext #webdev #javascript #react #userinterface

Just Built a Rock Paper Scissors Game Using JavaScript! ✨ I recently developed a Rock Paper Scissors game and it turned out to be a really fun and insightful learning experience. Through this project, I strengthened my understanding of: • DOM manipulation • Event handling • Game logic implementation • Writing clean and structured JavaScript code One thing I truly realized during this It doesn’t matter how small the project is — what matters is consistency and learning by building. JavaScript is such a powerful and exciting language It allows us to create interactive and realistic applications from scratch. Features of my project: • Interactive UI • Random computer moves • Score tracking system • Restart/New Game functionality I’m continuously improving my frontend skills and excited to build more projects like this 🔗 Check it out here: [https://lnkd.in/dtCyARpX] 🔗 Live Demo here :[https://lnkd.in/dR_6wr48] #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #Projects #LearningByDoing