Skip to content

Latest commit

 

History

History
34 lines (22 loc) · 1.56 KB

README.md

File metadata and controls

34 lines (22 loc) · 1.56 KB
Raw

Minimalistic Video Player

This project is an improved version of the original video player concept demonstrated in RED GROUP tutorial. The application is built with Next.js, React, and Tailwind CSS, offering a minimalist and responsive video player experience with additional features like a video upload modal.

Features

  • Custom Video Player: A video player component with essential controls such as play, pause, skip forward/backward, and fullscreen toggle.
  • Responsive Design: Fully responsive design, ensuring an optimal user experience across various devices.
  • Modal for Video Upload: Users can upload videos through a modal dialog, enhancing the user experience by keeping them on the same page.
  • Styled with Tailwind CSS: The UI is built using Tailwind CSS, making it easy to customize and extend.

Technologies Used

  • Next.js: A React framework for building server-rendered applications with ease.
  • React: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
  • React Hook Form: Used for managing form state and validation in the video upload form.

Getting Started

Prerequisites

Ensure you have the following installed on your machine:

  • Node.js: The JavaScript runtime.
  • npm or Yarn: Package manager for installing dependencies.

Installation

  1. Clone the repository:

    git clone https://github.com/kulembetov/minimalistic-video-player.git
cd minimalistic-video-player