{"id":18893901,"url":"https://github.com/onkar895/youtube-ui","last_synced_at":"2025-04-15T00:31:52.108Z","repository":{"id":211159005,"uuid":"727870231","full_name":"onkar895/YouTube-UI","owner":"onkar895","description":"Developed a highly optimized and scalable video streaming application that leverages YouTube's Live API to deliver seamless live streaming experiences. It focuses on enhancing user engagement through various optimization techniques and features, ensuring a smooth and engaging viewing experience.","archived":false,"fork":false,"pushed_at":"2024-09-13T13:34:43.000Z","size":562,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-28T12:51:14.630Z","etag":null,"topics":["api-polling","debouncing","lazy-loading","react-router-dom","reactjs","redux-toolkit","responsive-design","tailwindcss","user-interface","vercel","youtube-api"],"latest_commit_sha":null,"homepage":"https://my-youtube-ui.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/onkar895.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-05T18:41:15.000Z","updated_at":"2024-09-13T13:34:46.000Z","dependencies_parsed_at":"2024-01-10T18:53:44.950Z","dependency_job_id":"8c48b615-671a-46e2-82a9-eb4bd6a1df43","html_url":"https://github.com/onkar895/YouTube-UI","commit_stats":null,"previous_names":["onkar895/youtube-ui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onkar895%2FYouTube-UI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onkar895%2FYouTube-UI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onkar895%2FYouTube-UI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onkar895%2FYouTube-UI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/onkar895","download_url":"https://codeload.github.com/onkar895/YouTube-UI/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248984366,"owners_count":21193732,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api-polling","debouncing","lazy-loading","react-router-dom","reactjs","redux-toolkit","responsive-design","tailwindcss","user-interface","vercel","youtube-api"],"created_at":"2024-11-08T08:16:48.493Z","updated_at":"2025-04-15T00:31:51.496Z","avatar_url":"https://github.com/onkar895.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# YOUTUBE CLONE :\n\n### Project Overview\n\nDeveloped a highly optimized and scalable video streaming application, leveraging YouTube's Live API to deliver seamless live streaming experiences. The application focuses on enhancing user engagement through various optimization techniques and features.\n\n### Live Demo : https://my-youtube-ui.netlify.app/\n\n### Key Features\n\n-   Optimized Search (debouncing and caching techniques)\n-   Live Chat Simulation (using API polling)\n-   Lazy Loading\n-   Shimmer UI while loading\n-   Caching Search Suggestions\n-   Hover to Seek Videos\n-   Filter Videos by Tags\n-   Experience on search results and explore pages (e.g., Trending).\n\n### Technologies Used\n\n-   React JS\n-   Redux Toolkit\n-   Tailwind CSS\n-   Vite\n\n### Getting Started :\n\nFollow these steps to set up and run the application locally:\n\n### Prerequisites :\n\n-   npm (Node Package Manager) installed.\n-   Vite should be installed.\n\n### Installation :\n\n1. Clone the repository:\n\n    ```\n    git clone https://github.com/onkar895/YouTube-UI.git\n    cd MyYouTube\n    ```\n\nLOCALHOST=1234\n\n2.  Install dependencies:\n\n    ```\n    cd MyYouTube\n    npm install\n    ```\n\n3.  Run the code\n    ```\n    npm run dev\n    ```\n\nScreenshots :\n![Screenshot (69)](https://github.com/onkar895/YouTube-UI/assets/50394711/05fb5cd1-6278-4d2c-ab8a-0cdd0cf5fccc)\n![Screenshot (54)](https://github.com/onkar895/YouTube-UI/assets/50394711/3bca374c-90d1-4d3b-8dfe-bf9c79874bcd)\n![Screenshot (56)](https://github.com/onkar895/YouTube-UI/assets/50394711/50ffa619-d84d-4f1e-a57c-7051f40f112d)\n![Screenshot (58)](https://github.com/onkar895/YouTube-UI/assets/50394711/7c7758f2-7392-46ec-9a9d-75ef725c06c8)\n![Screenshot (59)](https://github.com/onkar895/YouTube-UI/assets/50394711/958376f7-75e6-41d9-abe5-b0a3ceb90438)\n![Screenshot (61)](https://github.com/onkar895/YouTube-UI/assets/50394711/e7927f6a-acbc-41c6-8d10-08ee2a46cea1)\n![Screenshot (62)](https://github.com/onkar895/YouTube-UI/assets/50394711/d2626bbc-8a14-48f8-9209-6cc2353a944b)\n![Screenshot (63)](https://github.com/onkar895/YouTube-UI/assets/50394711/9fba1c39-e1df-4e44-8334-9c1bfbf1fc90)\n![Screenshot (64)](https://github.com/onkar895/YouTube-UI/assets/50394711/6a25a783-9c54-4edb-8a02-5e4a31bc405e)\n![Screenshot (65)](https://github.com/onkar895/YouTube-UI/assets/50394711/8310c62c-6c2d-451a-aebc-90c2569d33db)\n![Screenshot (66)](https://github.com/onkar895/YouTube-UI/assets/50394711/4d4b18a6-91db-4a64-8b56-0a25dde39091)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fonkar895%2Fyoutube-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fonkar895%2Fyoutube-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fonkar895%2Fyoutube-ui/lists"}