This repository contains a collection of small JavaScript projects built using HTML, CSS, and JavaScript.
These projects helped me practice DOM manipulation, events, and core JS concepts.
👉 View the live project showcase here!
A quick look at the main project showcase page. The best experience is with the live demo!
- 9 Interactive Projects: A diverse set of applications demonstrating different JavaScript functionalities.
- API Integration: The Weather App fetches and displays real-time data from a third-party API.
- Dynamic UI: All projects feature a responsive and intuitive user interface.
- Glassmorphism Design: A modern, clean "glass" effect on the project cards.
- Clickable Cards: The entire project card is a clickable link for a seamless user experience.
| # | Project | Description | Live Demo |
|---|---|---|---|
| 1 | Weather App 🌦️ | Get real-time weather updates for any city using the OpenWeatherMap API. | View Demo |
| 2 | To-Do List ✅ | A classic to-do app to add, complete, and delete your daily tasks. | View Demo |
| 3 | Calculator 🧮 | A simple and functional calculator that handles basic arithmetic operations. | View Demo |
| 4 | Currency Converter 💱 | Convert between different currencies using up-to-date exchange rates. | View Demo |
| 5 | Digital Clock ⏰ | A clean, real-time digital clock with a dark theme. | View Demo |
| 6 | Card Creator 📇 | Generate a personal profile card by providing a name, email, image, and info. | View Demo |
| 7 | Random Color Gen 🎨 | Generate random colors and get their corresponding HEX and RGB codes. | View Demo |
| 8 | Tic-Tac-Toe ❌⭕ | The classic two-player game of Tic-Tac-Toe. | View Demo |
| 9 | Number Guessing 🔢 | A fun game where you guess a secret number with helpful hints. | View Demo |
To get a local copy up and running, follow these simple steps.
- Clone the repository:
git clone https://github.com/shahidx05/JavaScript-projects
- Navigate to the project directory:
cd JavaScript-projects - Open
index.htmlin your browser.- You can simply open the file directly, or use a live server extension in your code editor for the best experience.
This project is distributed under the MIT License. See LICENSE for more information.
Shahid Khan - @shahidx_05 - shahidjoura307@gmail.com
Project Link: https://github.com/shahidx05/JavaScript-projects