ViteTube

Mini YouTube built on the YouTube Data API to search, browse and watch videos.

Status
Live
Type
Personal project
Website
youtube-clone-azure.vercel.app

About this project

ViteTube is a mini YouTube-inspired app built with React and Vite. It consumes the YouTube Data API so you can search, browse and watch videos.

The project was a hands-on exercise in API integration, component-based architecture and responsive UI.

My role: Developer, learning project

Key features

  • Search and browse

    Look up videos and browse results fetched live from the YouTube Data API.

  • Watch

    Open a video and watch it inside the app.

  • Responsive UI

    Layout that adapts from desktop to mobile screens.

Technical approach

  1. Third-party API integration

    Consumes the YouTube Data API (REST) and maps its responses to the UI.

  2. Client-side routing

    React Router handles client-side navigation between the app's views.

What I built

  • Consumed the YouTube Data API (REST) to search, browse and watch videos.
  • Handled client-side routing with React Router and structured the app in reusable, responsive components.

Built with

Framework
  • React
  • Vite
  • React Router
Languages
  • JavaScript
  • HTML
  • CSS
Data
  • YouTube Data API
  • Moment.js