🎬 YouTube Video Search — yt-search-videos

A lightweight web application that lets users search for YouTube videos by keyword and quickly browse results — built with HTML, CSS and JavaScript.

---

🌐 Live Demo

👉 https://full-stack-web-developer-and-designer.github.io/yt-search-videos/

---

📷 Screenshot

---

📌 About

This project provides a simple, fast, and responsive interface that lets users search YouTube videos by keyword. It retrieves results such as thumbnails, titles, and descriptions — all using vanilla JavaScript, without any heavy libraries or frameworks.

---

✨ Features

• 🔍 Search YouTube videos by keyword

• 📄 View thumbnails, titles, and descriptions

• 🎯 Clean and easy-to-use interface

• 📱 Fully responsive

• ⚡ Lightweight and fast

• 🔗 Direct links to watch videos on YouTube

---

🛠️ Technologies Used

• HTML5

• CSS3

• JavaScript (ES6)

• YouTube API / Fetch API

---

📂 Project Structure

yt-search-videos/
│
├── index.html
|
├── css/
│   ├── fancybox.css
|   └── style.css
|
├── js/
|   ├── fancybox.min.js
│   └── script.js
|
├── img/*                         # fancybox images
|
└── mockup-yt-search-videos.webp  #screenshot

---

🔧 Git Clone & Local Setup

To clone and run the project locally:

# Clone the repository
git clone https://github.com/full-stack-web-developer-and-designer/yt-search-videos.git

# Navigate into the project folder
cd yt-search-videos

# Open index.html in your browser

No installation or dependencies required — it works as a static HTML/CSS/JS project. Just open index.html and you're ready to go.

---

🚀 How to Use

1. Open the website.

2. Enter any keyword in the search field.

3. Browse the YouTube video results.

4. Click a result to watch it on YouTube.

---

📄 License

Free to use, modify, and customize.

---

👤 Author

Mirnes Glamočić

🌐 https://mirnesglamocic.com

📧 Contact available on the website

---

⭐ Acknowledgments

Thank you for trying YouTube Search Videos!

Feel free to send suggestions or improvements.