/youtube-clone

YouTube Clone created using Vue JS, Javascript, Tailwind CSS, Laravel Php and Inertia JS

Primary LanguagePHP

YouTube Clone Application

This is a YouTube clone application built using Vue.js, JavaScript, Tailwind CSS, Laravel PHP, Breeze, and Inertia.js. The application features a fully responsive design that closely resembles the popular YouTube platform. It includes a SideNavOverlay animation for seamless navigation and provides functionalities for uploading and deleting videos.

Features

  1. Responsive Design: The application is designed to work smoothly on various devices, ensuring a consistent user experience across different screen sizes.
  2. SideNavOverlay Animation: A sleek and intuitive SideNavOverlay animation enhances the navigation experience, making it easy for users to access different sections of the application.
  3. Video Upload: Users can upload their own videos to the platform, just like on YouTube. The upload process is streamlined and user-friendly.
  4. Video Management: The application allows users to manage their uploaded videos. They can delete videos if needed, giving them control over their content.
  5. Login, Logout and Profile Management

Installation

  1. Clone this repository to your local machine or server:

    git clone https://github.com/pawdgreyt/youtube-clone.git
    
  2. Navigate to the project directory:

    cd youtube-clone
    
  3. Install PHP and Node.js dependencies:

    composer install
    npm install
    
  4. Rename .env.example to .env and configure your database settings.

  5. Generate a new application key:

    php artisan key:generate
    
  6. Generate a new application key:

    php artisan key:generate
    
  7. Run database migration and seeders:

    php artisan migrate
    php artisan db:seed
    
  8. Start the development server and compile assets:

    php artisan serve
    npm run dev
    
  9. Visit http://localhost:8000 in your browser to access the application.