Skip to content

🎬 A modern YouTube-style UI built with smooth scrolls, πŸŽ₯ video previews on hover, 🌐 dynamic API data, 🧭 advanced sidebar, and a sleek πŸ“Œ navbar.

Notifications You must be signed in to change notification settings

Davoudev/youtube-

Repository files navigation

🎬 YouTube UI Clone

A 🎨 modern and stylish YouTube-inspired front-end project. This app provides a rich user experience with interactive media, smooth scrolling, and a clean, responsive design.

✨ Features

  • πŸ”„ Smooth Horizontal & Vertical Scrolling – Professional scrolling for seamless content browsing.
  • πŸŽ₯ Video Playback on Hover – Preview videos by simply hovering over thumbnails.
  • 🌐 API Integration – Dynamically fetches video data via API.
  • 🧼 Modern & Clean UI – Beautiful layout with elegant design and responsiveness.
  • 🧭 Advanced Sidebar – Dual-mode sidebar (expanded and collapsed) with professional behavior.
  • πŸ“Œ Stylish Navbar – Intuitive and minimal top navigation bar.

πŸ› οΈ Tech Stack

  • βš›οΈ React
  • 🎨 CSS / Tailwind CSS / Styled Components
  • πŸ”— RESTful APIs (or YouTube Data API / custom API)
  • πŸ’‘ JavaScript / TypeScript (if applicable)

πŸ–ΌοΈ Screenshots

main page

πŸ“ Project Structure

/ (root)
β”œβ”€β”€ components/       # Reusable UI components
β”œβ”€β”€ pages/            # Application pages (Next.js)
β”œβ”€β”€ public/           # Static assets
β”œβ”€β”€ styles/           # CSS or styling files
└── ...

βš™οΈ Getting Started

  1. πŸ“¦ Clone the repository:

    git clone https://github.com/Davoudev/youtube-clone.git
    cd youtube-clone
  2. πŸ“₯ Install dependencies:

    npm install
  3. ▢️ Start the development server:

    npm run dev

πŸ™Œ Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.

πŸ“¬ Contact

If you have any questions or suggestions, feel free to reach out!

Made with ❀️ by Davoudev

About

🎬 A modern YouTube-style UI built with smooth scrolls, πŸŽ₯ video previews on hover, 🌐 dynamic API data, 🧭 advanced sidebar, and a sleek πŸ“Œ navbar.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published