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.
- 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.
- 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.
Ensure you have the following installed on your machine:
- Node.js: The JavaScript runtime.
- npm or Yarn: Package manager for installing dependencies.
-
Clone the repository:
git clone https://github.com/kulembetov/minimalistic-video-player.git cd minimalistic-video-player