🚀 JavaScript Practice Projects

A comprehensive collection of JavaScript practice exercises and mini-projects created to learn and improve JavaScript skills.

---

📋 Table of Contents

• Overview
• Project Structure
• How to Run
• Projects List
• Skills Practiced
• Purpose
• License

---

📝 Overview

This repository contains various JavaScript projects that demonstrate different concepts and techniques. Each project is organized in its own folder with HTML, CSS, and JS files, making it easy to run and explore independently.

---

📂 Project Structure

javascript-practice-projects/
├── hypotenuse-calculator/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── counter-app/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── Random-number-generator/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── Number-Guessing Game/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── temperature converter/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── To-Do List/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── stopwatch/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── Rock Paper Scissors Showdown/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── TicTacToe-Game/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── Snake Game/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
├── Pong Arena/
│   ├── index.html
│   ├── style.css
│   ├── script.js
│
└── README.md

---

🚀 How to Run a Project

1. Open the desired project folder.
2. Double-click on index.html to open it in your browser.
3. Or run it using a local development server (e.g., Live Server extension in VS Code).

---

📌 Projects List

#	Project Name	Description
1	Hypotenuse Calculator	Calculates the hypotenuse of a right triangle using user inputs.
2	Counter App	Simple counter with increment, decrement, and reset buttons.
3	Random Number Generator	Generates and displays random numbers when you roll the dice.
4	Number Guessing Game	Guess a random number between 1 and 10 with feedback.
5	Temperature Converter	Converts temperatures between Celsius and Fahrenheit.
6	To-Do List	Add, complete, and delete tasks in a simple to-do list app.
7	Stopwatch	Start, pause, and reset a digital stopwatch with milliseconds.
8	Rock Paper Scissors Showdown	Play a classic Rock Paper Scissors game against the computer.
9	TicTacToe Game	Play the classic Tic Tac Toe game with a modern UI.
10	Snake Game	Classic snake game where you control a snake to eat food and grow without hitting walls or yourself.
11	Pong Arena	Two-player pong game where players compete to score 5 points first.

---

💻 Skills Practiced

• DOM Manipulation - Selecting and modifying HTML elements
• Event Handling - Responding to user interactions
• State Management - Tracking and updating application state
• Game Logic - Implementing rules and mechanics for games
• Form Validation - Ensuring correct user input
• Responsive Design - Creating layouts that work on different devices
• Local Storage - Persisting data in the browser

---

🎯 Purpose

• Practice fundamental JavaScript concepts
• Improve problem-solving skills through practical applications
• Build a portfolio of mini-projects demonstrating various skills
• Experiment with different UI/UX patterns and design approaches
• Develop good coding habits and project organization

---

🤝 Contributing

Contributions are welcome! If you'd like to add a project or improve an existing one:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-project)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-project)
5. Open a Pull Request

---

📜 License

This repository is licensed under the MIT License

---

⭐ Star this repository if you find it useful! ⭐