├── .gitignore ├── README.md ├── package.json ├── postcss.config.js ├── public ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt ├── src ├── App.tsx ├── Types.ts ├── components │ ├── Card.tsx │ ├── Navbar.tsx │ ├── SearchCard.tsx │ ├── Sidebar.tsx │ ├── Spinner.tsx │ └── WatchCard.tsx ├── index.css ├── index.tsx ├── pages │ ├── Home.tsx │ ├── Search.tsx │ └── Watch.tsx ├── react-app-env.d.ts ├── store │ ├── hooks.ts │ ├── index.ts │ └── reducers │ │ ├── getHomePageVideos.ts │ │ ├── getRecommendedVideos.ts │ │ ├── getSearchPageVideos.ts │ │ └── getVideoDetails.ts └── utils │ ├── constants.ts │ ├── convertRawViewsToString.ts │ ├── index.ts │ ├── parseData.ts │ ├── parseRecommendedData.ts │ ├── parseVideoDuration.ts │ └── timeSince.ts ├── tailwind.config.js ├── tsconfig.json └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/README.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/postcss.config.js -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/public/index.html -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/public/manifest.json -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/public/robots.txt -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/App.tsx -------------------------------------------------------------------------------- /src/Types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/Types.ts -------------------------------------------------------------------------------- /src/components/Card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/components/Card.tsx -------------------------------------------------------------------------------- /src/components/Navbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/components/Navbar.tsx -------------------------------------------------------------------------------- /src/components/SearchCard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/components/SearchCard.tsx -------------------------------------------------------------------------------- /src/components/Sidebar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/components/Sidebar.tsx -------------------------------------------------------------------------------- /src/components/Spinner.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/components/Spinner.tsx -------------------------------------------------------------------------------- /src/components/WatchCard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/components/WatchCard.tsx -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/index.css -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/pages/Home.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/pages/Home.tsx -------------------------------------------------------------------------------- /src/pages/Search.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/pages/Search.tsx -------------------------------------------------------------------------------- /src/pages/Watch.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/pages/Watch.tsx -------------------------------------------------------------------------------- /src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /src/store/hooks.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/store/hooks.ts -------------------------------------------------------------------------------- /src/store/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/store/index.ts -------------------------------------------------------------------------------- /src/store/reducers/getHomePageVideos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/store/reducers/getHomePageVideos.ts -------------------------------------------------------------------------------- /src/store/reducers/getRecommendedVideos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/store/reducers/getRecommendedVideos.ts -------------------------------------------------------------------------------- /src/store/reducers/getSearchPageVideos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/store/reducers/getSearchPageVideos.ts -------------------------------------------------------------------------------- /src/store/reducers/getVideoDetails.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/store/reducers/getVideoDetails.ts -------------------------------------------------------------------------------- /src/utils/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/utils/constants.ts -------------------------------------------------------------------------------- /src/utils/convertRawViewsToString.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/utils/convertRawViewsToString.ts -------------------------------------------------------------------------------- /src/utils/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/utils/index.ts -------------------------------------------------------------------------------- /src/utils/parseData.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/utils/parseData.ts -------------------------------------------------------------------------------- /src/utils/parseRecommendedData.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/utils/parseRecommendedData.ts -------------------------------------------------------------------------------- /src/utils/parseVideoDuration.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/utils/parseVideoDuration.ts -------------------------------------------------------------------------------- /src/utils/timeSince.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/src/utils/timeSince.ts -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/tailwind.config.js -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/tsconfig.json -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/koolkishan/react-youtube-clone/HEAD/yarn.lock --------------------------------------------------------------------------------