🎨 Day 18 — JavaScript 30 Days Challenge Day 18 complete — built a Random Color Generator App using Vanilla JavaScript. With a single click, the app generates a completely random color and applies it to the background instantly. It also displays the color code so it can be copied and reused in designs or projects. Features include: • Random color generation • Dynamic background updates • Displaying HEX color codes • Copy-friendly color values This was a fun one. It’s a simple project but super useful for designers and developers when experimenting with color palettes. Code pushed to GitHub + Live hosted link in ReadMe ( GitHub link in Profile section). Day 18 done. Still building. 🚀 #JavaScript #WebDevelopment #FrontendDevelopment #30DaysOfCode #RandomColorGenerator #BuildInPublic #CodingJourney
More Relevant Posts
-
🌈 Day 19 — JavaScript 30 Days Challenge Day 19 complete — built a Random Gradient Generator App using Vanilla JavaScript. Instead of generating a single color, this app creates random gradient backgrounds by combining two different colors. With one click, a new gradient appears along with the CSS code that can be copied and used in projects. Features include: • Random gradient generation • Two dynamic color combinations • Displaying the CSS gradient code for easy copy This one is actually pretty useful for designers and frontend developers when experimenting with UI backgrounds. Code pushed to GitHub + Live hosted in ReadMe (GitHub link in Profile Section). Day 19 done. Getting closer to 30. 🚀 #JavaScript #WebDevelopment #FrontendDevelopment #30DaysOfCode #GradientGenerator #BuildInPublic #CodingJourney
To view or add a comment, sign in
-
🚀 Built a Simple To-Do App Today! Today I worked on strengthening my JavaScript fundamentals by building a basic To-Do List application from scratch. Here’s what I implemented: ✅ Fetched data from a JSON source ✅ Added a checkbox feature to mark tasks as completed (with strike-through effect) ✅ Implemented a delete button to remove tasks dynamically ✅ Created an input field to add new tasks, which get pushed into the array and displayed instantly on the UI This project helped me understand DOM manipulation, event handling, and working with arrays in a much better way. Small steps, consistent progress 💪 Looking forward to building more real-world projects! #JavaScript #WebDevelopment #FrontendDevelopment #LearningInPublic #CodingJourney
To view or add a comment, sign in
-
📊 Day 26 — JavaScript 30 Days Challenge Day 26 complete — built a Math Table Generator App using Vanilla JavaScript. This app generates the multiplication table of any number entered by the user. Instead of calculating each line manually, the app instantly displays the full table in a structured format. Features include: • Number input field • Automatic table generation • Clean table display format • Instant output on button click This project is simple but great for strengthening loop logic and dynamic UI rendering in JavaScript. Code pushed to GitHub + Live hosted link in GitHub ReadMe (Github link in Profile section). Day 26 done. Almost at the finish line. 🚀 #JavaScript #WebDevelopment #FrontendDevelopment #30DaysOfCode #MathTableGenerator #BuildInPublic #CodingJourney
To view or add a comment, sign in
-
💻 Built a Simple Counter Application using JavaScript As I continue learning JavaScript, I built a small Counter App to practice core concepts. Features of the app: 🔹 Increase button → increments the count by +1 🔹 Decrease button → decrements the count by -1 🔹 Reset button → resets the count to 0 While building this, I practiced concepts like if-else conditions, parseInt(), DOM manipulation, and event handling. Small projects like this help me understand how JavaScript works in real applications. Looking forward to building more interactive projects! #JavaScript #WebDevelopment #LearningInPublic #CodingJourney #NxtWave #rahulattuluri #poornimauniversity #FrontendDevelopment #BuildInPublic #100DaysOfCode
To view or add a comment, sign in
-
🚀 From learning JavaScript to building my own Quiz App… When I first started learning JavaScript, I struggled to understand how everything connects — DOM, events, logic, and user interaction. So I decided to stop just learning theory and start building 💻 That’s when I created my JavaScript Quiz App using HTML, CSS, and JavaScript. 💡 Features: - Interactive quiz UI - Multiple questions with options - Real-time score tracking - Instant feedback after each question - Clean and responsive design 🎯 This project helped me improve: - DOM manipulation - Event handling in JavaScript - UI/UX design basics - Problem-solving skills 🔗 Live Demo: https://lnkd.in/gFxPjwMu 💻 GitHub Repo: https://lnkd.in/gUj54GTW I’m continuously learning and building more projects to strengthen my frontend skills. #JavaScript #WebDevelopment #Frontend #Coding #Projects #Learning #BuildInPublic
To view or add a comment, sign in
-
🚀 Excited to share my first JavaScript Calculator project! I built this web app using HTML, CSS, and JavaScript, where you can perform basic arithmetic operations with real-time results. What started as a small learning experiment turned into a hands-on experience with: 💡 DOM manipulation 💡 Handling button clicks 💡 Building calculation logic It’s amazing how much you can learn by building something from scratch! 🎉 🎥 Check out the demo showing both the code and working app. #javascript #webdevelopment #frontend #learningbydoing #codingjourney
To view or add a comment, sign in
-
Built a simple Counter App using HTML, CSS, and JavaScript. Increase ➕ Decrease ➖ Reset 🔄 — works similar to cart quantity updates. This project helped me understand DOM manipulation and dynamic value updates. GitHub Repository : https://lnkd.in/gZzUcGWT Live Demo : https://lnkd.in/gYbGruAM #JavaScript #Frontend #Learning
To view or add a comment, sign in
-
Just shipped my Day 17/30 JavaScript challenge: a fully functional To-Do List app! Built with vanilla JS, this project showcases DOM manipulation, event listeners, and dynamic element creation in action. Features include adding tasks, marking them complete with a strikethrough effect, deleting individual items, and clearing everything at once. The sleek UI is fully responsive and built with pure HTML, CSS, and JavaScript. no frameworks, just core fundamentals. Tech topics covered: querySelector, innerHTML, createElement, addEventListener, and event delegation. From image uploaders to task managers, each project peels back another layer of web development. Check it out live: https://lnkd.in/d34HUqPn #FullStackDeveloper #JavaScript #WebDevelopment #CodeGuru #FrontendDevelopment
To view or add a comment, sign in
-
🎮 Built a Classic Game with JavaScript! – Simon Says Excited to share one of my mini projects: the Simon Says Game built using HTML, CSS, and JavaScript. This project helped me understand important concepts like: 🔹 DOM Manipulation 🔹 Event Handling 🔹 Game Logic with JavaScript The game challenges players to remember and repeat an increasing sequence of colors. As the levels increase, the sequence gets harder, making it a fun way to test memory and concentration! 🧠⚡ 👨💻 I’m continuously learning and building small projects to strengthen my web development and problem-solving skills. Along with this, I’m also practicing Data Structures & Algorithms (100+ problems solved) to improve my coding ability. 🔗 Check out the project here: GitHub: https://lnkd.in/dUa7xXBs Live Demo: https://lnkd.in/draRQfyf I’d love to hear your feedback and suggestions! 🚀 #WebDevelopment #JavaScript #HTML #CSS #SimonSaysGame #LearningByBuilding #100DaysOfCode
To view or add a comment, sign in
-
Blog 03 of my JS Unlocked series is live! 🚀 Control Flow in JavaScript: If, Else, and Switch Explained 👇 Every app makes decisions — show this page or that one, allow access or block it. That decision-making power in code is called control flow. In this one I cover: ✅ What control flow actually means ✅ if, if-else, and else if ladder with real examples ✅ switch statement — and why break matters ✅ When to use switch vs if-else (with a clear comparison) ✅ Hands-on challenge at the end Would love your feedback if you read it 🙏 🔗 https://lnkd.in/dSXtQpfS Thanks to #HiteshChoudhary Sir, #PiyushGarg💛 #JavaScript #WebDevelopment #Hashnode #WebDevCohort2026 #LearningInPublic #Frontend #JS
To view or add a comment, sign in
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development