🚀 Quiz App UI Built with HTML & CSS | JavaScript Logic Coming in Part 2 I just completed Part 1 of my Quiz App Tutorial, where I designed the full UI using HTML and CSS. This project focuses on: ✔ Clean and modern quiz layout ✔ Responsive design ✔ User-friendly interface ✔ Real-world frontend structure In Part 2, I’ll implement the JavaScript logic: 🧠 score calculation 🧠 question switching 🧠 answer validation I've shared the video, here is the link👉https://lnkd.in/d5uD86TJ #javascriptquiz #frontenddevelopement #htmlcss #javascript #quizapp #consistency

💻 Budget App I developed a Budget Management Web Application using HTML, CSS, and Vanilla JavaScript to practice front-end fundamentals and real-world problem solving. This app allows users to: ✅ Set a total budget 🧾 Add expenses with a product title and cost 📊 Automatically calculate total expenses and remaining balance ✏️ Edit existing expenses 🗑️ Delete expenses dynamically 📋 View all expenses in an organized list 🔑 Key Highlights - Real-time calculations using JavaScript - DOM manipulation for dynamic UI updates - Input validation with user-friendly error messages - Clean, modern, and responsive UI design - Icons integrated using Font Awesome 🛠️ Technologies Used - HTML5 – Structure - CSS3 – Styling & responsiveness - JavaScript (ES6) – Logic, events, and DOM handling This project helped me strengthen my understanding of event handling, DOM manipulation, conditional logic, and UI state management while building a practical application. Check out the code on https://lnkd.in/gebvCj2Q and feel free to connect or share your thoughts! #WebDevelopment #JavaScript #HTML #CSS #Frontend #Projects #Learning #StudentDeveloper

🚀 QR Code Generator Web App Built using HTML, CSS, and JavaScript, this project allows users to instantly generate QR codes for URLs or text with a clean and responsive UI. A great hands-on experience in DOM manipulation and JavaScript logic. vercel: https://lnkd.in/dMZqTYc4 #WebDevelopment #JavaScript #HTML #CSS #FrontendDevelopment #Projects

🚀 Day 6 / 30 – Motivational Message App Built a Motivational Message App using HTML, CSS, and JavaScript. This application allows users to: • Display random motivational quotes • Automatically update the quote every 5 seconds • Refresh and display new messages dynamically without page reload The main objective of this project was to practice JavaScript logic building and understand how dynamic and timed content works in web applications. The project focuses on key JavaScript concepts such as event handling, timers (setInterval), arrays, randomization, and DOM manipulation. CSS was used to design a simple, clean, and user-friendly interface for a pleasant reading experience. This project helped me strengthen my frontend fundamentals and understand how automatic UI updates work. 🎯 Key Learnings • Implemented timers using setInterval • Practiced DOM manipulation and dynamic content updates • Improved logic building with arrays and random functions • Enhanced UI design using basic CSS 🔗 Live Demo: https://lnkd.in/drJ9VF_c #30Days30Projects #JavaScript #WebDevelopment #FrontendDevelopment #LearningInPublic #CodingJourney #Consistency #Motivation

🚀 Built a Feature-Rich To-Do Web Application using HTML, CSS & JavaScript This project helped me strengthen my understanding of frontend development, DOM manipulation, application state management, and real-time UI updates. 🔑 Key Features: - Add, edit, delete, and complete tasks - Automatic task status detection (Pending / Incomplete / Completed) based on real date & time - Live clock and date display - Real-time progress tracking with animated circular indicators - Persistent data storage using browser localStorage (tasks survive refresh & reload) - Responsive design for mobile, tablet, and desktop - Visual task highlighting based on status - Smart handling of deadlines (date-only, time-only, or full deadlines) 🛠️ Built entirely with Vanilla JavaScript (no frameworks) Focused on clean logic, performance, and user experience. 🔗 GitHub Repository: https://lnkd.in/d8kMqqxv 🔗 Live Demo: https://lnkd.in/drSrcbNK Feedback and suggestions are welcome! 🙌 #JavaScript #FrontendDevelopment #WebDevelopment #HTML #CSS #VanillaJS #LocalStorage #ResponsiveDesign #UIUX #PortfolioProject #LearningByBuilding #SoftwareEngineering #CodingJourney #StudentDeveloper #WebApps

Built a simple GoalTracker web app using HTML, CSS, and JavaScript 🚀 Focused on clean UI and basic functionality to track daily tasks and goals. Learning by building, one step at a time. Live Demo: https://lnkd.in/gRswVhEq #WebDevelopment #HTML #CSS #JavaScript #GoalTracker #Learning

🚀 Day 8 / 30 - Even Odd Finder App The Even Odd App is a simple yet interactive multi-page web application developed using HTML, CSS, and JavaScript. With a clean card-based UI and smooth navigation between Home and About pages, it instantly determines whether a number is even or odd. 🎯 Key Features: • Multi-page navigation (Home & About) • Input validation for empty values • Instant even/odd calculation using JavaScript • Reusable card-style UI design • Clean and beginner-friendly interface 🎯 What I Learned: • Creating and linking multiple HTML pages • JavaScript form handling and validation • DOM manipulation for dynamic output • Reusing CSS for consistent UI design ~Tech Stack: • HTML • CSS • JavaScript 🔗 Live Demo: https://lnkd.in/dNQxUR5p #30Days30Projects #JavaScript #WebDevelopment #FrontendDevelopment #LearningInPublic #CodingJourney #Consistency #Motivation

Built a Todo List web app from scratch ✅ This project helped me practice: Structuring HTML & CSS for a clean UI Handling task add/delete logic with JavaScript Keeping the interface simple and responsive I focused on writing readable code and improving my frontend fundamentals. 🎥 Demo in the video below 🔗 GitHub Repo: link in comments Feedback is welcome! #WebDevelopment #Frontend #JavaScript #CSS #HTML #Projects #Learning

🚀 Note Card Stack App Built using HTML, CSS, and Vanilla JavaScript ✨ Key Features Dynamic form validation LocalStorage-based data persistence Interactive card stack UI (Up / Down navigation) Clean and minimal user interface Efficient DOM manipulation This project helped me strengthen my understanding of JavaScript logic, DOM handling, and UI behavior, while focusing on building practical and user-friendly functionality. Always learning. Always building. 💻 Live link page :- https://lnkd.in/g6eYzdjP 🔖 Hashtags #JavaScript #FrontendDevelopment #WebDevelopment #HTML #CSS #VanillaJS #FrontendDeveloper #LearningByDoing #DeveloperJourney