Git Product home page Git Product logo

youtube_clone_app's Introduction

ReactJS YouTube App - Your Personal Video Hub! ๐ŸŽฅ

Feel free to give it a start ๐ŸŒŸ

Table of Contents

line

Tech Stack

Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge Static Badge

line

Features

  • Fully responsive
  • Aside nav
  • Search functionality
  • Categorised videos
  • Skeleton loading
  • Live data fetching
  • Video page

line

Demo

Take a look at the live project deployed on Netlify

Live Demo

Demo

line

Preview

DESKTOP --------------------------------------------------------------------

Mobile ------------------------------------------------------------------------------

line

About

Title: Introducing the ReactJS YouTube App, where video exploration gets a whole new perspective!

๐ŸŽฅ Features That'll Keep You Clicking:

๐Ÿ“ก Powered by Rapid API: Our app seamlessly taps into the vast world of YouTube with the help of Rapid API. Discover a wide range of video categories and unleash the power of search.

๐Ÿ” Dynamic Video Pages: Dive into a dynamic experience as you explore different selected videos, all within the same app. It's like having a world of entertainment at your fingertips.

๐ŸŽฌ Fetch API Mastery: We make the web come alive with Fetch API, dynamically fetching data from Rapid API endpoints. Your video journey is as dynamic as it gets.

๐Ÿ“ฑ Fully Responsive: Whether you're on a phone, tablet, or desktop, our app adapts to your screen size, ensuring a seamless experience.

โšก Speed of Light: Say goodbye to buffering! Our app is engineered for lightning-fast performance, so you can enjoy your videos without any delays.

๐ŸŽจ Stunning UI & UX: Our design is more than skin deep. It's a visual and interactive masterpiece. Navigating through videos has never been this delightful.

๐Ÿช„ CSS Elegance: We've crafted the perfect blend of pure CSS and Material-UI to create a sleek and captivating visual experience.

๐Ÿงน Clean & Reusable: Under the hood, our codebase is a marvel of cleanliness and reusability. Future enhancements and updates are a breeze.

Ready to embark on a video voyage? Clone this repository, follow the simple setup instructions in the documentation, and immerse yourself in a world of videos!

๐Ÿฟ Grab your popcorn and start streaming. Your next favorite video is just a click away! ๐Ÿฟ

line

Installation

Provided step-by-step instructions on how to install and run this project locally.

# Clone the repository
git clone https://github.com/Sky-De/Youtube_Clone_App

# Change directory
cd your-repo-name

# Add .env variables
check .env.example


# Install dependencies
npm install

# Run the project
npm run start

line

Contact

skyDe

LinkedIn

GitHub

Twitter

youtube_clone_app's People

Contributors

sky-de avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.