An open API service indexing awesome lists of open source software.

https://github.com/bhanu1776/youtube-extended

The finest alternative to YouTube created using Nextjs13
https://github.com/bhanu1776/youtube-extended

eslint git github husky nextjs13 opensource pnpm prettier redux redux-toolkit tailwindcss tanstack-react-query typescript youtube youtube-api-v3 youtube-extended

Last synced: 3 months ago
JSON representation

The finest alternative to YouTube created using Nextjs13

Awesome Lists containing this project

README

          

Youtube Extended - Under Development ⚠️

Youtube-Extended represents the future of video streaming platforms. I've combined the latest technologies to create a user-centric, feature-rich application that mirrors the best of YouTube.

## Technologies 🔧

- ⚡️ [Next 13](https://nextjs.org/docs) - with app router
- 🔥 [Nextjs-starter-template](https://starter-website-sigma.vercel.app/) - Absolutely the greatest NextJs template
- 🦾 [TypeScript](https://www.typescriptlang.org/), of course
- 🧰 [Redux-toolkit](https://redux-toolkit.js.org/) - Popular State management library
- 🔮 [Tanstack React-Query](https://redux-toolkit.js.org/) - Best Data-Fetching library
- 🎨 [Tailwindcss](https://tailwindcss.com/) - next generation utility-first CSS
- ⚙️ [Youtube API V3](https://developers.google.com/youtube/v3/docs/?apix=true) - official Youtube API by Google
- 💡 [Eslint](https://eslint.org/) - with Airbnb config
- 💖 [Prettier](https://prettier.io/) - configured with Eslint and with Tailwindcss-prettier support
- 🐶 [Husky](https://typicode.github.io/husky/) - Improves commits and more woof!
- 🚀 [PWA](https://web.dev/progressive-web-apps/) - Native app experience
- 💣 [pnpm](https://pnpm.io/) - Fast, disk space efficient package manager

## Features that Set Youtube-Extended Apart ✨

📍 The finest alternative to YouTube built on `Config Driven UI`!
📍 You can't dare to move your eyes back in `Aesthetic Dark mode`.
📍 Improved UX by implementing `Shimmer UI`.
📍 Seamlessly integrated the `YouTube API` to offer you access to an extensive library of videos.
📍 Thanks to `React Query`, it elevated performance by caching network calls. Say goodbye to sluggish loading!
📍 Search feature is lightning-fast, thanks to `debouncing` and `caching`. Find your favorite videos in the blink of an eye.
📍 Utilizing Api polling, a `live chat` functionality is developed.
📍 Awesome `Nested comments` using recursion just like Reddit
📍 Although it's a Dynamic, Highly Scalable and Industry Level Application.

## Screenshots 📸

Will add soon once the project is complete!

## Code Example/Issues 🔍

If you have any issues, please let me know in the issues section or directly to

## Installation 💾

Clone the repository or directly use [this](https://github.com/Bhanu1776/YouTube-Extended/generate) template

```bash
git clone https://github.com/Bhanu1776/YouTube-Extended.git
```

Install deps:

```bash
pnpm install
```

Run App:

```bash
pnpm run dev
```

## Contributing

This is an open source project, and contributions of any kind are welcome and appreciated. Open issues, bugs, and feature requests are all listed on the [issues](https://github.com/Bhanu1776/YouTube-Extended/issues) tab and labeled accordingly. Feel free to open bug tickets and make feature requests.

## Support Me 🫂


© 2022 Bhanu Sunka and contributors\
This project is licensed under the [**MIT license**](https://github.com/Bhanu1776/YouTube-Extended/blob/master/LICENSE).