🎮 Frontend Mini Projects Collection

A collection of 3 beginner-friendly frontend projects built using HTML, CSS, and JavaScript. This repository is designed to strengthen core web development concepts through hands-on practice and interactive applications.

📌 Projects Included

1️⃣ Tic-Tac-Toe

A classic two-player game built with JavaScript.

Features

• Two-player gameplay
• Win and draw detection
• Game reset functionality
• Responsive user interface
• Clean and simple design

Concepts Used

• DOM Manipulation
• Event Listeners
• Conditional Logic
• Arrays
• Functions

---

2️⃣ Rock Paper Scissors

A simple game where the user competes against the computer.

Features

• Random computer moves
• Instant result display
• Score tracking
• Interactive UI
• Responsive layout

Concepts Used

• Math.random()
• JavaScript Functions
• DOM Manipulation
• Event Handling
• Conditional Statements

---

3️⃣ Currency Converter

A web application for converting currencies using live exchange rates.

Features

• Live currency conversion
• Multiple currency support
• Country flags
• User-friendly interface
• Real-time exchange rate updates

Concepts Used

• Fetch API
• Async/Await
• JSON
• API Integration
• DOM Manipulation

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• Fetch API

---

📂 Project Structure

Frontend-Mini-Projects/
│
├── Tic-Tac-Toe/
│   ├── index.html
│   ├── style.css
│   └── script.js
│
├── Rock-Paper-Scissors/
│   ├── index.html
│   ├── style.css
│   └── script.js
│
├── Currency-Converter/
│   ├── index.html
│   ├── style.css
│   └── script.js
│
└── README.md

---

🚀 Getting Started

1. Clone the repository

git clone https://github.com/Nilotpal-Mishra123/Mini-Projects-using-Front-End.git

2. Open the project folder.

3. Navigate to any project directory.

4. Open index.html in your browser.

---

🎯 Learning Objectives

This repository demonstrates:

• HTML page structure
• CSS styling and responsive layouts
• JavaScript fundamentals
• DOM Manipulation
• Event Handling
• Game Logic Implementation
• Working with APIs
• Asynchronous JavaScript

🤝 Contributing

Contributions, suggestions, and improvements are welcome.

If you'd like to contribute:

1. Fork the repository
2. Create a new branch
3. Make your changes
4. Commit your changes
5. Open a Pull Request

---

⭐ If you found this repository helpful

Give it a ⭐ on GitHub if you like the projects or found them useful for learning frontend development.

---

👨‍💻 Author

Nilotpal Mishra

Building projects, learning by doing, and exploring modern web development one step at a time.