{"id":20571389,"url":"https://github.com/fadhildwia/youtube-clone-react-mui","last_synced_at":"2026-05-06T14:35:55.997Z","repository":{"id":249246308,"uuid":"830473276","full_name":"fadhildwia/youtube-clone-react-mui","owner":"fadhildwia","description":"This project is an example of using Vite + React + TS, Material UI, React Query, and Rapid API.","archived":false,"fork":false,"pushed_at":"2024-07-19T06:54:35.000Z","size":7202,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-16T21:14:17.557Z","etag":null,"topics":["axios","material-ui","muiv5","rapid-api","react","react-query","react-router-dom","vite","youtube-clone"],"latest_commit_sha":null,"homepage":"https://youtube-clone-react-mui.vercel.app","language":"TypeScript","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/fadhildwia.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":"2024-07-18T10:45:10.000Z","updated_at":"2024-08-06T13:30:18.000Z","dependencies_parsed_at":"2024-07-19T16:19:13.333Z","dependency_job_id":null,"html_url":"https://github.com/fadhildwia/youtube-clone-react-mui","commit_stats":null,"previous_names":["fadhildwia/youtube-clone-react-mui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fadhildwia%2Fyoutube-clone-react-mui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fadhildwia%2Fyoutube-clone-react-mui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fadhildwia%2Fyoutube-clone-react-mui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fadhildwia%2Fyoutube-clone-react-mui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fadhildwia","download_url":"https://codeload.github.com/fadhildwia/youtube-clone-react-mui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242187633,"owners_count":20086217,"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":["axios","material-ui","muiv5","rapid-api","react","react-query","react-router-dom","vite","youtube-clone"],"created_at":"2024-11-16T05:16:06.975Z","updated_at":"2026-05-06T14:35:50.974Z","avatar_url":"https://github.com/fadhildwia.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eYoutube Clone\u003c/h1\u003e\n\nThis project is an example of using `Vite + React + TS`, `Material UI`, `React Query`, and `Rapid API`.\n\n---\n\n\u003cbr\u003e\n\n### Home, Search, Channel Detail, and Video Detail Page\n\n\u003ch1 align=\"center\"\u003e\n  \u003cimg alt=\"MovieApps\" title=\"MovieApps\" src=\"./github/home.png\" height=\"425\" /\u003e\n  \u003cimg alt=\"MovieApps\" title=\"MovieApps\" src=\"./github/full.gif\" height=\"425\" /\u003e\n  \u003c!-- \u003cimg alt=\"MovieApps\" title=\"MovieApps\" src=\"./github/channel-detail.png\" height=\"425\" /\u003e\n  \u003cimg alt=\"MovieApps\" title=\"MovieApps\" src=\"./github/video-detail.png\" height=\"425\" /\u003e --\u003e\n\u003c/h1\u003e\n\n## 📱 Features\n\n- Create layout using components from Material UI\n- Integration of Youtube V3 API from Rapid API\n- Create hooks for fetching data using React Query\n\n## 🚀 Technologies \u0026 Resources\n\n- [x] [React + Vite + TypeScript](https://vitejs.dev/)\n- [x] [Material UI](https://mui.com/material-ui/getting-started/)\n- [x] [Axios](https://axios-http.com/docs/intro)\n- [x] [React Query](https://tanstack.com/query/v3)\n- [x] [Rapid API](https://rapidapi.com/ytdlfree/api/youtube-v31)\n\n## 💻 Installation\n\n1. #### Clone the repository:\n\n   ```bash\n   git clone https://github.com/fadhildwia/youtube-clone-react-mui.git\n   ```\n\n2. #### Navigate to the project directory:\n\n   ```bash\n   cd youtube-clone-react-mui\n   ```\n\n3. #### Install the dependencies:\n   ```bash\n   yarn\n   #or\n   npm install\n   ```\n4. #### Make a copy of `.env.example` to `.env`:\n   ```bash\n   # Put your Rapid API credential in .env file\n   cp .env.example .env\n   VITE_APP_X_RAPIDAPI_HOST=[key]\n   VITE_APP_X_RAPIDAPI_KEY=[key]\n   ```\n5. #### Run the project:\n   ```bash\n   yarn dev\n   #or\n   npm run dev\n   ```\n\n\u003c!-- ## License\n\nThis example application is licensed under the [MIT License](LICENSE).\n\n--- --\u003e\n\n---\n\nFeel free to explore the code and adapt it to suit your needs! If you encounter any issues or have suggestions for improvements, please don't hesitate to open an issue or submit a pull request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffadhildwia%2Fyoutube-clone-react-mui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffadhildwia%2Fyoutube-clone-react-mui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffadhildwia%2Fyoutube-clone-react-mui/lists"}