Skip to content

qafaraz/Youtube-Playlist-Crud

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 YouTube Playlist Web Project

Tailwind CSS MockAPI HTML5 CSS3 JavaScript Responsive CRUD

This is a personal YouTube Playlist Web Project that I designed and developed from scratch.
It allows users to add, edit, delete, and watch YouTube videos dynamically through a clean and responsive interface.
All CRUD operations are connected to a MockAPI backend, and the app includes a built-in video modal player for smooth playback.


🧩 Technologies Used

  • Tailwind CSS v4 – for a modern, responsive, utility-first UI.
  • MockAPI.io – to handle CRUD operations (Create, Read, Update, Delete) for video data.
  • HTML5, CSS3, and Vanilla JavaScript – for structure, style, and interactivity.

⚡ Features

  • Fully responsive and minimal YouTube-like interface.
  • Add, edit, and delete videos using a form modal.
  • Built-in YouTube video player modal with autoplay.
  • Live API data rendering with MockAPI.
  • Smooth transitions and Tailwind-powered animations.
  • Lightweight and fast — no frameworks required.

💡 Goal

The goal of this project is to build a simple yet functional YouTube playlist web app that demonstrates my skills in front-end development, API integration, and clean UI design.

About

A responsive YouTube playlist web app built with Tailwind CSS and Vanilla JavaScript. Supports full CRUD operations using MockAPI and includes a dynamic modal video player for seamless playback.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors