This repository contains a collection of small practice projects I built while learning HTML, CSS, and JavaScript.
Each project is deployed on Vercel for easy access.
A simple calculator web app built using HTML, CSS, and JavaScript.
- Supports basic arithmetic operations (+, −, ×, ÷).
- Responsive layout for desktop and mobile.
- Focused on practicing event handling and DOM manipulation in JavaScript.
A basic to-do list application with local storage support.
- Add, mark as complete, and delete tasks.
- Data persists in the browser even after refresh using
localStorage. - Practiced CRUD operations and local storage handling in JavaScript.
🌤️ Weather App
A weather app that fetches real-time weather data using the OpenWeather API.
- Shows current temperature and city name.
- Converts temperature from Kelvin to Celsius.
- Built while learning API handling (fetch) and dynamic DOM updates.
A web app that fetches and displays GitHub user profiles using the GitHub API.
- Shows user information like avatar, bio, followers, and public repositories.
- Fetches repositories dynamically with stars, forks, and language details.
- Practiced API integration, JSON handling, and dynamic UI rendering.
❓ Quiz App
A quiz application built to test users with a series of questions.
- Presents questions one at a time with options.
- Tracks user score and displays results.
- Includes "Restart Quiz" functionality.
- Great for practicing state management, conditional rendering, and user interaction with JavaScript.
An expense tracker app designed for managing personal finances.
- Add new expenses with names and amounts.
- Display the list of expenses and calculate totals.
- Built to practice forms, data handling, and dynamic list rendering.
These projects are for practice and learning JavaScript fundamentals, including DOM manipulation, API handling, state management, and browser storage.
They helped me strengthen my understanding of frontend development.
Feel free to let me know if you’d like to tweak descriptions, add features highlights, or switch up the layout—like using a table or gallery view for visual flair! ::contentReference[oaicite:0]{index=0}