🌦 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
More Relevant Posts
-
🚀 Excited to share my latest project – Weather Card Web App Built using HTML, CSS & JavaScript, this app fetches real-time weather data and displays it in a clean, responsive card UI with dynamic icons. 🔹 Live city search 🔹 Dynamic weather icons 🔹 Responsive premium UI 🔹 Real-time temperature & condition updates 📂 GitHub Repository: 👉 https://lnkd.in/g9_wQB5v Feedback and suggestions are welcome! 🙌 #WebDevelopment #FrontendDeveloper #JavaScript #BCA #StudentDeveloper
To view or add a comment, sign in
-
🚀 Built a Simple Calculator Web App Created a responsive calculator using HTML, CSS, and JavaScript with full keyboard support. Features: 💠Basic arithmetic operations 💠Keyboard input control 💠Custom delete (handles selected text & last digit) 💠Error handling using try–catch 💠Clean and user-friendly UI This project helped me strengthen my understanding of: 💠DOM manipulation 💠Event handling 💠Keydown events 💠Input validation #JavaScript #WebDevelopment #FrontendDeveloper #LearningByBuilding
To view or add a comment, sign in
-
🚀 New Project Live: Task Manager App (JavaScript) I’m excited to share my latest web development project — a Task Manager App built with HTML, CSS, and JavaScript! This lightweight and responsive app lets users create, edit, and delete tasks with a clean and intuitive interface. 🧠 What It Does: ✔ Add new notes with title & description ✔ Edit or remove tasks ✔ Fully responsive on desktop and mobile ✔ Smooth UI interactions ⚙️ Technologies Used: HTML5 | CSS3 | JavaScript | Boxicons 📌 Whether you’re practicing front‑end skills or building productivity tools, this project shows practical use of DOM manipulation and responsive design. 👉 Check it out on GitHub: https://lnkd.in/eUvMGP9X 💬 Feedback and suggestions are welcome — I’d love to hear what you think! #JavaScript #WebDevelopment #Frontend #ProductivityApp #ToDoApp #ProjectShowcase
To view or add a comment, sign in
-
-
⚡ Excited to Share My Weather Web App Built with React! 🚀 I recently created a responsive Weather Web App using React.js, JavaScript, HTML, and CSS that allows users to search for cities and view real-time weather data powered by a Weather API. 🔗 Live Demo: https://lnkd.in/dSQxMtDF 💻 GitHub Repository: https://lnkd.in/d_EwiEP4 ✨ Highlights ; • Search for any city to get current weather • Displays temperature, weather condition, and city name • Weather icons matching conditions (sun, clouds, rain, etc.) • Real-time data fetched from a Weather API • Loading feedback while fetching data • Error handling for invalid cities or failed requests • Fully responsive design for desktop and mobile • Built with React Hooks (useState, useEffect) • Deployed live on Vercel 💬 I would love to hear your thoughts! #ReactJS #FrontendDevelopment #WebDevelopment #JavaScript #APIs #Vercel #TailwindCSS #WomenInTech
To view or add a comment, sign in
-
Weather App Project – HTML, CSS & API Integration 🌦️ I recently built and deployed a Weather App using HTML, CSS, and JavaScript, where I integrated a weather API to fetch real-time data. Key Features: Live Temperature Wind Speed Wind Direction Search-based Weather Updates Responsive UI Design I deployed the project successfully on Zcalatyst, and it’s now live! 🔗 Live Demo: [https://lnkd.in/gcCMrJ2Q] #WebDevelopment #JavaScript #HTML #CSS #API #FrontendDevelopment #Projects #Learning
To view or add a comment, sign in
-
Here is a mini-project in which I build a simple filter app . In this project I used forEach() for looping and filter() for give required data by user. #webdevelopment #html #css #js
To view or add a comment, sign in
-
My advice to any company that wants to make a Single Page Application in react.js or similar... is to wait and see. You might not even need one. Things have changed in the past 10 years. Browsers are better. HTML is richer. Web Components are mainstream and don't need a framework. Libraries like HTMX let you make very interactive sites without 0 lines of client side javascript. SPAs are a big jump in complexity. Suddenly you need to share schemas and define APIs. There's now a "backend" that can break "frontend". But HTML just works. Remember, you can always add SPA interactivity to an SSR app. It is much harder to do the reverse. So hold your horses.
To view or add a comment, sign in
-
-
🚀 Built a **Product Filter & Search App** using **HTML, CSS, and JavaScript**. This web application allows users to dynamically search products, filter by category, and sort items by price. The project focuses on improving **JavaScript logic, DOM manipulation, and interactive UI development**. 🔹 Features: • Product search functionality • Category-based filtering • Price sorting (Low → High / High → Low) • Responsive product card layout This project helped me strengthen my understanding of **JavaScript array methods, event handling, and dynamic UI rendering**. 🔗 Live Demo: (https://lnkd.in/gfcuhEwt) 💻 GitHub Repo: (https://lnkd.in/g9YZBp3u) #FrontendDevelopment #JavaScript #WebDevelopment #FrontendDeveloper #LearningInPublic
To view or add a comment, sign in
-
🔢 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
To view or add a comment, sign in
-
🚀 Just Built: NoZeroDays — A Habit Consistency App I’ve started building and sharing one project every week. This week, I built NoZeroDays, a productivity app that helps track daily goals and maintain streak consistency. 🔹 The Idea The concept is simple: never let a day go by without progress. Even 1% counts. 🔹 Features ✔ Add and manage daily goals ✔ Track consistency streaks ✔ Persistent data using LocalStorage ✔ Multi-page navigation using React Router ✔ Clean and responsive UI with Tailwind CSS 🔹 Tech Stack • React.js • JavaScript (ES6+) • React Router • Tailwind CSS • LocalStorage 🔹 What I Learned Structuring a React project properly Managing state efficiently Handling side effects and data persistence Improving UI consistency Links in first comment 👇 Feedback is always welcome 🙌 #React #WebDevelopment #BuildInPublic #FrontendDeveloper #JavaScript
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