Building a Simple GoalTracker App with HTML CSS & JavaScript

📚 Excited to share my latest web project — The Library! I’ve built a Library web app using HTML, CSS and JavaScript that lets users add and manage books in a simple interface. The project was a great hands-on way to strengthen my front-end development skills and gain experience working with browser APIs and dynamic UI updates. 🔹 Features include: ✔ Adding book entries ✔ Interactive UI using vanilla JavaScript ✔ Clean, responsive design You can check out the code here: https://lnkd.in/dVxGbw5f Feedback and suggestions are welcome — always learning and growing! 🚀 #WebDevelopment #JavaScript #FrontendDeveloper #OpenSource #100DaysOfCode

🚀 Built a Wiki Explorer Web App using HTML, CSS, JavaScript & APIs I recently built Wiki Explorer, a simple yet interactive web application that lets users search Wikipedia articles in real time. Type a keyword → press Enter → get instant results. 🔍 What the app does Fetches live data from the Wikipedia Search API Displays article titles, links, and short descriptions Shows a loading spinner while data is being fetched Updates results dynamically without page reloads 🧠 What I learned from this project How to fetch data from an external API Handling asynchronous JavaScript with real user input DOM manipulation to render dynamic content Event handling using keyboard actions Improving UI/UX with gradients, layout, and feedback states 🛠️ Tech Stack HTML – structure CSS + Bootstrap – styling, responsiveness, spinner JavaScript – logic, API calls, dynamic rendering Small projects like this helped me understand how real-world web apps actually work — beyond tutorials. What beginner project helped you understand JavaScript better? #WebDevelopment #JavaScript #APIs #FrontendDevelopment #LearningInPublic https://lnkd.in/gMQaev9s

📖 Book Finder App:- I built a Book Finder Application using HTML, CSS, and JavaScript that allows users to search and explore books dynamically using an external API. 💡 Key Highlights: ✔️ Real-time book search ✔️ API integration for dynamic results ✔️ Clean and responsive UI ✔️ Improved understanding of DOM manipulation 🔗 Live Demo: https://lnkd.in/gvVK3wTZ 📚 What I Learned: • Working with external APIs • Handling asynchronous JavaScript (fetch / promises) • Rendering dynamic content on the UI • Improving frontend structure and responsiveness Building real-world projects like this helps strengthen my JavaScript fundamentals step by step. Feedback and suggestions are welcome 🙌 #JavaScript #FrontendDevelopment #WebDevelopment #LearningByBuilding #Projects #API

JavaScript for Beginners: Make Your Website Interactive and Alive! ⚡ Think of a website like a human body: HTML builds the structure, CSS styles the look, but JavaScript controls the behavior. It is truly the brain of the web. Without JavaScript, there is no logic, no interactivity, and no modern web apps. Almost every website you visit today depends on it to function. #JavaScript #WebDevelopment #CodingBeginner #Frontend #ProgrammingTips 

🔢 Mini Project: Counter App (Increment & Decrement) Built a simple Counter application using HTML, CSS, and JavaScript that increases or decreases a value based on user interaction. 💡 What I learned: DOM manipulation Event handling in JavaScript State management using variables Clean UI updates in real time Small UI. Big logic practice. 🚀 🔗 https://lnkd.in/gvYBzuQp #JavaScript #FrontendDevelopment #MiniProject #HTML #CSS #LearningByDoing

Built a dynamic New Year Countdown Web App using HTML, CSS, and JavaScript 🚀 🔹 What I Implemented: • Real-time countdown timer to upcoming year • Automatic next-year detection using JavaScript Date object • Time formatting with leading zeros • Smooth loading effect before countdown display • Dynamic DOM manipulation and interval updates 🔹 Key Concepts Practiced: • Date & Time calculations in JavaScript • setInterval() and setTimeout() • DOM manipulation • Clean UI structuring This project strengthened my understanding of time-based logic and real-time UI updates. Excited to keep building interactive frontend projects as I continue my Full Stack Development journey 💻✨ #JavaScript #FrontendDevelopment #WebDevelopment #CodingJourney #Projects #LearningByDoing #FullStackDeveloper

🚀 Project 5: Recipe Search App (API Based) Built a Recipe Search Application using HTML, CSS & JavaScript 🍽️ Integrated a public API to fetch recipes dynamically based on user input. 🔹 What I learned: ✔ API integration in JavaScript ✔ Fetching & displaying real-time data ✔ Handling search functionality ✔ Improving UI with cards layout Learning by building — step by step 💻 More projects coming soon! #JavaScript #APIIntegration #WebDevelopment #Frontend #LearningByDoing #StudentDeveloper

**Build a Movie Search App using HTML, CSS, and JavaScript with OMDb API 🎬** In this tutorial, you’ll learn how to create a real-world Movie Search App in JavaScript by integrating the powerful OMDb API using Fetch API and async/await. This project is perfect for beginners to intermediate frontend developers who want hands-on experience with app development using HTML, CSS, and JavaScript and working with real API data. 🚀 What you’ll learn in this video: ✅ How to fetch movie data from OMDb API in JavaScript ✅ Using Fetch API, async/await, and JSON handling ✅ Building a modern responsive movie search UI ✅ Creating a real-world frontend JavaScript project ✅ Improving your web development & API integration skills This tutorial is part of my 30 JavaScript Projects in 30 Days series, designed to help you master JavaScript frontend development through practical projects. If you’re searching for: how to create api in javascript, javascript projects for beginners, javascript projects for intermediate, fetch api javascript project, html css javascript project ideas, frontend project tutorial, web development project using javascript, movie search app javascript, omdb api project, 30 javascript projects, 30 js projects, html css javascript 30 projects, javascript frontend projects 👉 Then this video is perfect for you.

🌦 Weather Web App – My 16th Project Built using HTML, CSS, and JavaScript, this web application allows users to type the name of a country or city and instantly get the current temperature of that location. A simple and interactive tool to check real-time weather conditions around the world. Features: Enter any city or country name to get current temperature. Built purely with HTML, CSS, and JavaScript. GitHub Repository: [https://lnkd.in/dGMG8k7A] Live Demo: [https://lnkd.in/dGTgTZK6] #WebDevelopment #JavaScript #HTML #CSS #WeatherApp #SMITStudent Shariq Siddiqui

😂 Joke Generator App | HTML • CSS • JavaScript Built a fun and interactive Joke App using Joke API, where jokes are fetched dynamically and displayed instantly 🎉 This project helped me understand API integration, fetch(), async JavaScript, and DOM manipulation — under the guidance of Pranshoo Rathore Sir 🙏💻 Link : https://lnkd.in/dYTVuavZ 💡 Learning how real-world APIs work while having some laughs 😄 #JavaScript #API #HTML #CSS #WebDevelopment #FrontendProjects