MicroYouTube

A lightweight YouTube search and video player built with Vite, React, and the YouTube Data API v3.

Features

• Search YouTube videos by keyword, genre, or topic
• Main video player with full description, formatted chapters, and clickable links
• Sidebar of related video thumbnails
• Default video loaded on page visit
• Fully responsive mobile layout
• Accessible — semantic HTML, ARIA, keyboard navigable
• Dark slate theme with green accents

Tech Stack

• Vite
• React
• TypeScript
• Axios
• YouTube Data API v3
• Vanilla CSS
• Deployed on Netlify

Getting Started

Prerequisites

• Node.js
• A YouTube Data API v3 key from Google Cloud Console

Installation

git clone https://github.com/colabottles/MicroYouTube.git
cd MicroYouTube
npm install

Environment Variables

Create a .env file in the root of the project: VITE_YOUTUBE_API_KEY=your_api_key_here

Development

npm run dev

Production Build

npm run build

Live Demo

micro-youtube.netlify.app

Author

Todd Libby

• toddl.dev
• GitHub
• Twitch

License

ISC