Building Unsplash Image Gallery with JavaScript API

🚀 Day 4 of #100DaysOfFrontend Built a Real-Time Digital Clock using HTML, CSS, and JavaScript ⏱️ This project helped me understand how to work with the Date object, update the UI dynamically, and use setInterval for real-time functionality. Small project, but a big step in learning JavaScript 💪 🔗 Live Demo: https://lnkd.in/ghiNej6F 💻 GitHub: https://lnkd.in/gZ_z8fDm #JavaScript #FrontendDevelopment #WebDevelopment #BuildInPublic #Consistency

🚀 Day 9 of #100DaysOfFrontend Built a Random Quote Generator using HTML, CSS, and JavaScript 💬 This project helped me understand how to work with arrays, generate random data, and update the UI dynamically using DOM manipulation. Small steps every day, but consistent progress 💪 Learning, building, and improving one project at a time 🔥 🔗 Live Demo: https://lnkd.in/gmYjmihf 💻 GitHub:https://lnkd.in/gNyMr8Ys #JavaScript #FrontendDevelopment #WebDevelopment #BuildInPublic #Consistency

🚀 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 8 of #100DaysOfFrontend Built a Background Color Changer using HTML, CSS, and JavaScript 🎨 This simple project helped me understand DOM manipulation, event handling, and how to dynamically update styles using JavaScript. Also explored generating random colors for a better user experience. Consistency is key 🔑 — learning and building every single day 💪 🔗 Live Demo: https://lnkd.in/ggn74Msj 💻 GitHub: https://lnkd.in/gEAXCYND #JavaScript #FrontendDevelopment #WebDevelopment #BuildInPublic #Consistency

Day 28 of my JavaScript journey 🚀 Built a Coming Soon Page with a live countdown timer using HTML, CSS, and JavaScript. Features: ⏳ Real-time countdown timer 🎯 Dynamic date calculation using JavaScript 📱 Responsive and clean UI This project helped me understand how to work with time-based logic and create engaging landing page components. 🔗 Live Demo: https://lnkd.in/gxAnkF3v 💻 GitHub Repo: https://lnkd.in/gPimcWEY Exploring how small features like countdowns can improve user engagement. 💻 #JavaScript #WebDevelopment #FrontendDeveloper #100DaysOfCode #CodingJourney

#JourneyToTechJob – Day 8 🚀 #50DaysOfRevision Built a simple Traffic Light Simulator using JavaScript. Features: ✔️ Switch between Red, Yellow, and Green lights ✔️ Dynamic UI updates using DOM manipulation ✔️ Button-based interactions What I revised: → Event handling in JavaScript → DOM manipulation → Writing cleaner and reusable functions 🔗 Live Demo: https://lnkd.in/g-Qnknr4 Here's a quick demo of the project👇 #SoftwareDevelopment #JavaScript #FrontendDevelopment #WebDevelopment #HTML #CSS #Projects #BuildInPublic #Consistency #50DaysOfCodeChallenge

Want to change text color using a class? Here's a simple example 👇 HTML: <p class="greeting">Hello Sumeet, how are you?</p> CSS: .greeting { color: blue; } 🎯 You can replace blue with any color like red, green, or even hex codes like #ff5733. #WebDevelopment #CSS #Frontend #CodingTips #Metashot

🚀 Day 7 of #100DaysOfFrontend Built a Weather Application using HTML, CSS, and JavaScript 🌦️ This project helped me understand how to work with APIs, fetch real-time data, and display it dynamically on the UI. I used an external weather API to get live temperature and weather conditions based on user input. Learning something new every day and getting more confident with JavaScript 💪 🔗 Live Demo: https://lnkd.in/ga7xE9cG 💻 GitHub: https://lnkd.in/gSFhiRbA #JavaScript #API #FrontendDevelopment #WebDevelopment #BuildInPublic #Consistency

#Hello #Connections 👋 #100DaysOfCodeChallenge | #Day51 🚀 Built a Dark Mode Toggle with Image Control using HTML, CSS & JavaScript. Recently, I worked on a simple yet powerful UI feature — a toggle switch that not only switches between Light & Dark mode but also dynamically hides and shows an image based on user interaction. 🔧 Tech Used: HTML CSS JavaScript ✨ Features: Smooth Dark/Light mode transition Dynamic text update (Light Mode / Dark Mode) Image visibility control using JavaScript Clean and responsive UI ⚡ What I Learned: DOM Manipulation (getElementById, classList) Event Handling (addEventListener) Real-time UI updates Better understanding of user interaction 🔗Github Link :https://lnkd.in/dC-SVyxj Code Of School || Ritendra Gour sir || Avinash Gour sir #WebDevelopment #JavaScript #Frontend #LearningByDoing #100DaysOfCode

Project Title : Rock Paper Scissors Game A Rock Paper Scissors game built with vanilla HTML, CSS,  and JavaScript. Features: - Player vs Computer mode - Random computer choice generation - Real-time score tracking for both player and computer - Dynamic result messages with color feedback - Clean and responsive UI with image-based choices Built this to practice JavaScript fundamentals —  random number generation, DOM manipulation,  conditional logic, and event handling.