youtube

Youtube Advanced Search App Built With React And Tailwind CSS

Feb 02, 2022
Youtube Advanced Search App Built With React And Tailwind CSS

🔍 YouTube Advanced Search

Find exactly what you're looking for on YouTube with multiple advanced search filters.

View Demo View Github

youtube-advanced-search

youtube-advanced-search-filters

This app was built with

Next.js
React
TypeScript

TailwindCSS
HTML5
CSS3

ESLint
Vercel

How to start

To try this project just type this lines in your terminal:

# Copy environment file cp .env.example .env.local # Install packages npm install # Start development server npm run dev # Build and start server npm run build && npm run start

To run, you will need a YouTube Data API v3 access key, to get it go to Google Console, create a project and get the credentials.

Contribution

The project is still under development, it is still necessary to create a paging system and minor UI/UX tweaks. Furthermore, the filters can also be improved as per the YouTube API documentation.

Recommended