Skip to content

RahymCharyyev/youtube-search

Repository files navigation

Youtube Search

Github top language Github language count Repository size Github stars

About   |   Features   |   Technologies   |   Requirements   |   Starting   |   Screenshots   |   Author


🎯 About

This is a YouTube video search application built with React and TypeScript. It allows users to search for videos on YouTube, add them to a favorites list, and watch them on the Youtube app.

Just type admin to username and password fields.

✨ Features

✔️ Search for YouTube videos by entering the name in the search bar;
✔️ Display search results with video thumbnails, titles, and channel information;
✔️ Add videos to a favorites list for quick access;
✔️ Watch videos on the Youtube app by clicking on the video thumbnail;
✔️ Responsive design for optimal viewing on different devices;

🚀 Technologies

The following tools were used in this project:

✅ Requirements

Before starting 🏁, you need to have Git and Node installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/RahymCharyyev/youtube-search

# Access
$ cd youtube-search

# Install dependencies
$ npm install

Obtain a YouTube Data API key by following the instructions here.

# Open a .env file in the root directory of the project and replace the following line:
$ VITE_API_KEY=your-api-key
# Run the project

$ npm run dev

# The server will initialize in the <http://localhost:4000>

📝 Screenshots

Alt text
  Alt text
  Alt text
  Alt text
  Alt text
  Alt text
  Alt text
 

📝 Contact

For any inquiries or questions, please contact Rahym Charyyev

 

Back to top

Releases

No releases published

Packages

No packages published

Languages