My JavaScript Projects
Welcome to my portfolio! Here are some of my JavaScript projects that demonstrate DOM manipulation, data handling, and other JavaScript concepts.
NewsWebApp : Experience the latest news at your fingertips
This project is a simple news app built with HTML, CSS, JavaScript, and a third-party news API. I created this website to learn JavaScript, specifically focusing on fetching data from an external API, handling errors, and dynamically displaying information on a webpage. The project helped me gain hands-on experience with modern JavaScript practices and client-server interactions.
WeatherNow: Real-Time Weather Finder
WeatherNow is a sleek, responsive web application that provides real-time weather information for any city worldwide. Features include current conditions with temperature, humidity, and wind data, plus a 5-day forecast. Built with HTML, CSS, and JavaScript, this app demonstrates DOM manipulation and API integration skills through an intuitive, modern interface
Dynamic User Cards with API & Theme Switch
An interactive web app that fetches random user profiles from the randomuser.me API based on the desired number of users input, displays them in stylish cards, tracks and displays API response time for performance insights, and features a smooth dark/light mode toggle for enhanced user experience
Dynamic Todo List with Theme Toggle and Local Storage
A dynamic to-do list web app that lets users easily add, update, and delete tasks with real-time updates. It features a dark/light mode switch for a better visual experience and saves tasks using local storage to ensure data persistence. A simple date toggle option adds a personalized touch to task management.
Image Carousel with AutoSlideshow
A lightweight and responsive image carousel that cycles through images with smooth transitions. Users can manually navigate using Next and Previous buttons, or let the slideshow automatically change images every 2 seconds. The carousel ensures a seamless experience with fade-in and fade-out animations for better visual appeal.
Guess the Number - Fun Number Game 🎯
A fun and interactive number guessing game where the player has 10 attempts to guess a randomly generated number between 1 and 100. The game provides hints and feedback on each attempt, and if the player fails, they can start a new game with the Play Again button. The game features an intuitive UI, error handling for invalid inputs, and a hint on the last attempt to make it more engaging.
Advanced Counter App with Custom Steps & Dark Mode
This interactive counter app lets you increase (Arrow Up) or decrease (Arrow Down) the counter by a custom step value set using a range slider. Press "r" to reset instantly. It also features a dark mode toggle, which along with the counter value, is stored in local storage for persistence.
Dynamic Clock with Live Background Color Updates 🎨⏰
This interactive digital clock not only updates every second but also changes the background color dynamically, creating a visually engaging experience. The user can start and stop both the clock and background transitions with a single button click. Additionally, the current background color is displayed in real-time, making it even more fun and interactive.
Background Color Changer
To Change the backgroundcolor click on any 4 of these button's . when user clicks on the button the function uses getComputedStyle() method which takes the backGround Color of clicked button and based on that changes the background color