Production

Youtube Search

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:

• React
• TypeScript
• Recoil
• React Query
• React Router Dom
• React Hook From
• React-hot-toast
• Axios
• Yup
• i18next
• Styled-components

✅ 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

 
 
 
 
 
 
 

📝 Contact

For any inquiries or questions, please contact Rahym Charyyev

 

Back to top