Calculator Web App Built with HTML CSS JavaScript

🚀 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

Developed a responsive To-Do List web application using HTML, CSS, and JavaScript. The app allows users to add, delete, and manage daily tasks efficiently. Implemented dynamic DOM manipulation and event handling to enhance user interaction. Designed a clean and user-friendly interface with basic CSS styling. Key Features: • Add and remove tasks • Mark tasks as completed • Interactive UI with real-time updates • Lightweight and easy to use Technologies Used: HTML | CSS | JavaScript

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

🚀 Built a QR Code Generator with Live Output using HTML, CSS & JavaScript! I’m happy to share my frontend mini project — a QR Code Generator that creates QR codes instantly based on user input like Name or URL, and dynamically displays the generated QR image on the screen. 🔹 Technologies Used: HTML5, CSS3, JavaScript 🔹 Features: ✅ Instant QR Code Output Display ✅ Input Validation (Prevents empty values) ✅ Dynamic Image Generation using API ✅ Clean and Responsive UI 💡 What I Learned: • DOM Manipulation • Event Handling in JavaScript • Working with APIs • Improving logical thinking in JS Seeing the QR code generate instantly after clicking the button was the best part of this project! 🎯 This project strengthened my frontend fundamentals and gave me hands-on experience building real-time interactive web applications. #FrontendDeveloper #JavaScript #WebDevelopment #HTML #CSS #QRCode #Projects #Learning

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

🚀 Day 24 of My 30 Days Web Development Challenge Consistency check ✅ — building something new every day. Today I built a 📑 Tabs Component UI using HTML, CSS & JavaScript This project helped me understand how real-world UI components work and how to make them reusable and interactive. ✨ Features: 📑 Tab switching functionality 🎯 Active tab highlighting 🌗 Dark / Light mode toggle (icon-based) ⚡ Smooth content transitions 📱 Fully responsive design 🎨 Clean and modern UI 💡 What I learned: • Creating reusable UI components • Handling click events and state changes • DOM manipulation for dynamic content • Managing active states in UI • Building responsive layouts 🛠️ Tech Stack: HTML | CSS | JavaScript 🔗 Live Demo: https://lnkd.in/gQEqgsdD 💻 GitHub: https://lnkd.in/gxjgJBvj Learning how small UI components can make a big difference in real applications 🔥 #WebDevelopment #JavaScript #FrontendDeveloper #UIComponents #CodingJourney #BuildInPublic #100DaysOfCode #HTML #CSS #LearnInPublic #Consistency

I’m excited to share my personal portfolio website. This project reflects part of my journey in web development and highlights the skills and projects I have been building, especially in Front-End and Full-Stack Development. While building this portfolio, I focused on: -Responsive design -Clean and modern UI -Project presentation -Dark mode support -Dynamic rendering -Deployment using GitHub Pages This is an important step for me as I continue growing as a developer and building more real-world projects. I would really appreciate your feedback. Portfolio: https://lnkd.in/d6akESat GitHub: https://lnkd.in/dF4Cb9Fp #Portfolio #WebDevelopment #Frontend #React #JavaScript #TailwindCSS #GitHub #FullStack #Developer

🚀 Built a Popup Modal using HTML, CSS & JavaScript Excited to share another mini project from my frontend development journey — a Popup Modal Component! 💻✨ Popups (modals) are widely used in modern websites for alerts, confirmations, forms, and notifications. In this project, I built a simple and reusable popup using pure HTML, CSS, and JavaScript. 🔹 Tech Stack Used: ✅ HTML5 – Structured layout ✅ CSS3 – Styling, animations & responsive design ✅ JavaScript – Popup open/close functionality 🔹 Key Features: ✔️ Open and close popup with button click ✔️ Smooth animation effects ✔️ Clean and modern UI design ✔️ Responsive for all screen sizes ✔️ Reusable component for websites Through this project, I improved my understanding of: 👉 DOM Manipulation 👉 Event Handling 👉 UI Component Development 👉 CSS Transitions & Animations Small UI components like this are essential for building interactive and user-friendly web applications. 💡 🔗 Live Demo: https://lnkd.in/gfj99_fa #WebDevelopment #FrontendDeveloper #JavaScript #HTML #CSS #UIDeveloper #ReactDeveloper #BuildInPublic #LearningByBuilding

🚀 Just Built: Focus on Today – A Goal Tracker Web App I recently built a small JavaScript project called Focus on Today, designed to help users stay focused by completing daily goals and tracking progress. 🔗 Live Project: https://lnkd.in/g76n8HfH 💡 Features Add and manage daily goals Mark goals as completed Dynamic progress bar updates Motivational messages based on progress Prevent editing once a goal is completed Persistent data using LocalStorage 🛠️ Tech Used HTML CSS JavaScript (Vanilla JS) LocalStorage for state persistence 📚 What I Practiced While building this project, I focused on improving my understanding of: State-driven UI thinking Render-based architecture Event handling DOM manipulation LocalStorage integration This project helped me practice structuring JavaScript projects using a simple flow: Define features → Design state → Render UI → Handle events → Update state → Save → Re-render Building small projects like this is helping me strengthen my frontend fundamentals step by step. If you have a moment, feel free to check out the project and share feedback! 🔗 Live Demo: https://lnkd.in/g76n8HfH #javascript #webdevelopment #frontenddevelopment #codingjourney #buildinpublic

🚀 Day 19 of My 30 Days Web Development Challenge Consistency check ✅ — showing up every day and building real projects. Today I built a 🎯 Guess The Number Game using HTML, CSS & JavaScript It may look simple, but this project helped me improve how I think about logic, user interaction, and UI structure. ✨ Features: ▶️ Random number generation 🎚️ Difficulty levels (Easy / Medium / Hard) 💬 Smart hints (Too High / Too Low / Close) 📊 Attempts counter 🏆 Best score tracking using localStorage 🔄 Restart game 🌗 Dark / Light mode toggle 📱 Clean & responsive UI 💡 What I learned: • Writing better conditional logic • Handling real-time user input • Using localStorage in projects • Structuring UI in a clean and readable way • Making simple ideas more interactive 🔗 Live Demo: https://lnkd.in/g49B4vU3 💻 GitHub: https://lnkd.in/gQVjh7Sq Still learning. Still building. Still improving. 🔥 #WebDevelopment #JavaScript #FrontendDevelopment #FrontendDeveloper #CodingJourney #BuildInPublic #100DaysOfCode #HTML #CSS #WebDevProjects #LearnInPublic #Consistency #DeveloperLife