Building a Rock Paper Scissors Game with HTML CSS & JavaScript

Excited to share a small project I recently built — a To-Do List Web Application! This project helped me practice and strengthen my fundamentals in HTML, CSS, and JavaScript while building something practical. 🔹 Features: • Add and manage tasks easily • Assign priority levels (Basic, Medium, High) • Mark tasks as completed • Delete tasks when done • Filter tasks based on status or priority The goal of this project was to improve my JavaScript logic, DOM manipulation, and UI structuring skills while building a simple productivity tool. 🌐 Live Demo: https://lnkd.in/gHb5fBbZ 💻 GitHub Repository: https://lnkd.in/gzxBUCzw I’m currently focusing on improving my frontend development skills and building more projects as part of my journey in Web Development. #WebDevelopment #JavaScript #HTML #CSS #StudentDeveloper #apnacollege

🚀 Built an Image Carousel using JavaScript! Today I worked on a small but important frontend project — an Image Carousel (Image Slider) using HTML, CSS, and JavaScript. 🔹 Key features implemented: • Display images dynamically from an array • Navigate images using Next and Previous buttons • Circular navigation (last image goes back to first) • DOM manipulation using JavaScript • Event handling with addEventListener() 💡 Concepts I practiced: • JavaScript arrays and indexing • DOM selection and manipulation • Event listeners • Writing clean and modular functions This project helped me better understand how interactive UI components work in real web applications. Every small project is a step closer to becoming a better Frontend / Full Stack Developer. 💻 #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #100DaysOfCode #LearningInPublic

Mastering DOM Operations in JavaScript! Understanding DOM (Document Object Model) is a crucial step for every web developer. It helps you dynamically interact with web pages and build powerful, responsive applications. Key concepts covered: 1. Selecting elements (getElementById, querySelector, etc.) 2.Navigating DOM (parent, children, siblings) 3. Working with attributes 4.Creating, inserting & removing elements 5. Understanding element dimensions These are the building blocks for creating interactive web applications. Currently improving my JavaScript skills and exploring how DOM manipulation plays a key role in real-world projects. #JavaScript #WebDevelopment #FrontendDevelopment #CodingJourney #Learning #DOM #Developers #Tech

One line of JavaScript can change an entire user experience. Example: Updating text dynamically instead of reloading a page. Small concept — big impact. This is why frontend development is so powerful. #webdevelopment #frontenddeveloper

Hey everyone! I’ve challenged myself to build 5 web projects to strengthen my frontend skills, and I'm excited to share : Project 1/5: A Password Generator! 🚀🔐 I built this entirely from scratch using just HTML, CSS, and Vanilla JavaScript. My main goal was to focus on UI/UX and making it feel like a modern application. Here are the main features I implemented:  ✅ A modern glassmorphism design ✅ Real-time password strength tracking ✅ Customizable length and character options (uppercase, lowercase, numbers, symbols) ✅ Instant copy-to-clipboard functionality Building this was great practice and really helped me improve in a few key areas: 💡 DOM Manipulation: Managing state and dynamic UI updates without any frameworks. 💡 CSS Styling: Working with gradients, hover effects, and responsive design. 💡 APIs: Using the browser's Clipboard API to securely copy text. You can see exactly how it works in the short video attached below! 🎥 Next up is Project 2... Code & Documentation on GitHub: 🔗 https://lnkd.in/demvBdfZ #WebDev #Frontend #JavaScript #HTML #CSS #CodingChallenge #DeveloperCommunity

Nobody told me being a Developer would feel like this... 🎢 One minute I’m a genius because I centered a div perfectly using Bootstrap. The next minute, I’m questioning my entire career because a single missing semicolon broke the whole layout. The Reality of Frontend Dev: 10:00 AM: "I am the master of JavaScript." 10:15 AM: "Why is this button overlapping the header on mobile?!" 11:00 AM: Fixes one line of CSS. "I am once again a genius." It’s a wild ride, but there’s no better feeling than hitting 'Deploy' and seeing a clean, fast, hand-coded site go live. 🚀 Who else is on the emotional rollercoaster today? 👇 #DevLife #FrontendDeveloper #CodingHumor #WebDevelopment #JavaScript #Bootstrap

🚀 New Project Deployed – To-Do List Web App I recently built and deployed a To-Do List application using HTML, CSS, and JavaScript. This project helped me strengthen my understanding of DOM manipulation and interactive UI behavior in JavaScript. You can check it out here: 🔗 [https://lnkd.in/geExcau9] github: [https://lnkd.in/gVRsq3xk] Key Features: • ➕ Add a new task instantly by pressing Enter • ✏️ Edit any task by simply double-clicking on it • ✅ Mark tasks as completed using the checkbox (with strikethrough effect) • 🗑️ Delete tasks easily using the delete button • ⚡ Smooth and simple user experience with real-time updates Building small projects like this helps me improve my JavaScript logic and front-end development skills. I’d love to hear your feedback! 🙌 #WebDevelopment #JavaScript #HTML #CSS #FrontendDevelopment

💻 Frontend development in one picture 😄 Started with HTML – everything looks simple and structured. Then came CSS – making things beautiful and visually appealing. And finally… JavaScript enters the chat 🧠🔥 From static pages ➡️ to interactive experiences ➡️ to complex logic. Every developer goes through this evolution. And yes… things get a little “intense” along the way 😅 But that’s where the real growth happens 🚀 #WebDevelopment #Frontend #HTML #CSS #JavaScript #CodingLife #DeveloperJourney #TechHumor

🚀 Day 11 of My Web Development Journey Today, I focused on JavaScript interactivity and DOM manipulation by building multiple mini features in a single project. 💡 What I implemented: • 🎯 Number guessing game using random logic • ⌨️ Live text display using onkeyup event • 🎨 Dynamic color change using JavaScript • 🔐 Simple login validation system ✨ What I learned: JavaScript allows us to make web pages interactive and responsive to user actions. Handling events like clicks and key inputs is essential for building real-world applications. 🔥 Key takeaway: Understanding DOM manipulation + events is a major step toward building dynamic apps like LinkedIn. 📌 Next step: Building a To-Do List and post system with LocalStorage #JavaScript #WebDevelopment #FrontendDeveloper #LearningJourney

🚀 New Project Alert: Calculator Web App I recently built a Calculator Web Application using HTML, CSS, and JavaScript. This project helped me strengthen my understanding of: • DOM Manipulation • JavaScript Event Handling • Responsive UI Design 🔧 Tech Stack: HTML | CSS | JavaScript You can check out the project here: 🔗 GitHub Repository: https://lnkd.in/gFYUSwTx #WebDevelopment #JavaScript #FrontendDevelopment