├── .babelrc ├── .gitignore ├── .npmrc ├── .prettierrc ├── .storybook ├── main.js └── preview.js ├── LICENSE ├── README.md ├── custom.d.ts ├── netflix-demo.gif ├── package.json ├── src ├── AppRouter.tsx ├── axios-movies.ts ├── components │ ├── Button │ │ ├── Button.tsx │ │ ├── __tests__ │ │ │ ├── Button.stories.tsx │ │ │ ├── Button.test.tsx │ │ │ └── __snapshots__ │ │ │ │ └── Button.test.tsx.snap │ │ └── button.scss │ ├── DisplayMovieRow.tsx │ ├── DropdownContent.tsx │ ├── Footer │ │ ├── Footer.tsx │ │ ├── __tests__ │ │ │ ├── Footer.stories.tsx │ │ │ ├── Footer.test.tsx │ │ │ └── __snapshots__ │ │ │ │ └── Footer.test.tsx.snap │ │ └── footer.scss │ ├── Header.tsx │ ├── MainContent.tsx │ ├── Modal.tsx │ ├── ModalMovieDetails.tsx │ └── Navbar.tsx ├── fonts │ ├── NetflixSans_W_Bd.woff2 │ ├── NetflixSans_W_Md.woff2 │ └── NetflixSans_W_Rg.woff2 ├── hooks │ ├── index.ts │ ├── useDebounce.ts │ ├── useScroll.ts │ └── useViewport.ts ├── index.html ├── index.js.tsx ├── pages │ ├── Home.tsx │ ├── NotFound.tsx │ └── Search.tsx ├── static │ ├── images │ │ ├── Netflix_Logo_RGB.png │ │ ├── add-round.svg │ │ ├── add.svg │ │ ├── bell-logo.svg │ │ ├── bell.svg │ │ ├── cancel-music.svg │ │ ├── drop-down-arrow.svg │ │ ├── header-bg.jpg │ │ ├── more-info.svg │ │ ├── mute.svg │ │ ├── play-button.svg │ │ ├── search-icon.svg │ │ └── unmute.svg │ └── sass │ │ ├── abstracts │ │ ├── _functions.scss │ │ └── _variables.scss │ │ ├── base │ │ └── _base.scss │ │ ├── components │ │ ├── _backdrop.scss │ │ ├── _modal.scss │ │ ├── _movie.scss │ │ ├── _movieShowcase.scss │ │ ├── _notfound.scss │ │ └── _search.scss │ │ ├── layout │ │ ├── _header.scss │ │ └── _navigation.scss │ │ └── style.scss └── store │ ├── index.ts │ └── slices │ ├── actionMovieSlice.ts │ ├── comedyMoviesSlice.ts │ ├── documentarySlice.ts │ ├── horrorMoviesSlice.ts │ ├── movieDetailsSlice.ts │ ├── netflixOriginalsSlice.ts │ ├── romanceMoviesSlice.ts │ ├── searchSlice.ts │ ├── topRatedSlice.ts │ └── trendingSlice.ts ├── tsconfig.json └── webpack.config.js /.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/.babelrc -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | legacy-peer-deps=true 2 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/.prettierrc -------------------------------------------------------------------------------- /.storybook/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/.storybook/main.js -------------------------------------------------------------------------------- /.storybook/preview.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/.storybook/preview.js -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/README.md -------------------------------------------------------------------------------- /custom.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/custom.d.ts -------------------------------------------------------------------------------- /netflix-demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/netflix-demo.gif -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/package.json -------------------------------------------------------------------------------- /src/AppRouter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/AppRouter.tsx -------------------------------------------------------------------------------- /src/axios-movies.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/axios-movies.ts -------------------------------------------------------------------------------- /src/components/Button/Button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Button/Button.tsx -------------------------------------------------------------------------------- /src/components/Button/__tests__/Button.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Button/__tests__/Button.stories.tsx -------------------------------------------------------------------------------- /src/components/Button/__tests__/Button.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Button/__tests__/Button.test.tsx -------------------------------------------------------------------------------- /src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap -------------------------------------------------------------------------------- /src/components/Button/button.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Button/button.scss -------------------------------------------------------------------------------- /src/components/DisplayMovieRow.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/DisplayMovieRow.tsx -------------------------------------------------------------------------------- /src/components/DropdownContent.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/DropdownContent.tsx -------------------------------------------------------------------------------- /src/components/Footer/Footer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Footer/Footer.tsx -------------------------------------------------------------------------------- /src/components/Footer/__tests__/Footer.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Footer/__tests__/Footer.stories.tsx -------------------------------------------------------------------------------- /src/components/Footer/__tests__/Footer.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Footer/__tests__/Footer.test.tsx -------------------------------------------------------------------------------- /src/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap -------------------------------------------------------------------------------- /src/components/Footer/footer.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Footer/footer.scss -------------------------------------------------------------------------------- /src/components/Header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Header.tsx -------------------------------------------------------------------------------- /src/components/MainContent.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/MainContent.tsx -------------------------------------------------------------------------------- /src/components/Modal.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Modal.tsx -------------------------------------------------------------------------------- /src/components/ModalMovieDetails.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/ModalMovieDetails.tsx -------------------------------------------------------------------------------- /src/components/Navbar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/components/Navbar.tsx -------------------------------------------------------------------------------- /src/fonts/NetflixSans_W_Bd.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/fonts/NetflixSans_W_Bd.woff2 -------------------------------------------------------------------------------- /src/fonts/NetflixSans_W_Md.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/fonts/NetflixSans_W_Md.woff2 -------------------------------------------------------------------------------- /src/fonts/NetflixSans_W_Rg.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/fonts/NetflixSans_W_Rg.woff2 -------------------------------------------------------------------------------- /src/hooks/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/hooks/index.ts -------------------------------------------------------------------------------- /src/hooks/useDebounce.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/hooks/useDebounce.ts -------------------------------------------------------------------------------- /src/hooks/useScroll.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/hooks/useScroll.ts -------------------------------------------------------------------------------- /src/hooks/useViewport.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/hooks/useViewport.ts -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/index.html -------------------------------------------------------------------------------- /src/index.js.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/index.js.tsx -------------------------------------------------------------------------------- /src/pages/Home.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/pages/Home.tsx -------------------------------------------------------------------------------- /src/pages/NotFound.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/pages/NotFound.tsx -------------------------------------------------------------------------------- /src/pages/Search.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/pages/Search.tsx -------------------------------------------------------------------------------- /src/static/images/Netflix_Logo_RGB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/Netflix_Logo_RGB.png -------------------------------------------------------------------------------- /src/static/images/add-round.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/add-round.svg -------------------------------------------------------------------------------- /src/static/images/add.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/add.svg -------------------------------------------------------------------------------- /src/static/images/bell-logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/bell-logo.svg -------------------------------------------------------------------------------- /src/static/images/bell.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/bell.svg -------------------------------------------------------------------------------- /src/static/images/cancel-music.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/cancel-music.svg -------------------------------------------------------------------------------- /src/static/images/drop-down-arrow.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/drop-down-arrow.svg -------------------------------------------------------------------------------- /src/static/images/header-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/header-bg.jpg -------------------------------------------------------------------------------- /src/static/images/more-info.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/more-info.svg -------------------------------------------------------------------------------- /src/static/images/mute.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/mute.svg -------------------------------------------------------------------------------- /src/static/images/play-button.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/play-button.svg -------------------------------------------------------------------------------- /src/static/images/search-icon.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/search-icon.svg -------------------------------------------------------------------------------- /src/static/images/unmute.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/images/unmute.svg -------------------------------------------------------------------------------- /src/static/sass/abstracts/_functions.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/abstracts/_functions.scss -------------------------------------------------------------------------------- /src/static/sass/abstracts/_variables.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/abstracts/_variables.scss -------------------------------------------------------------------------------- /src/static/sass/base/_base.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/base/_base.scss -------------------------------------------------------------------------------- /src/static/sass/components/_backdrop.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/components/_backdrop.scss -------------------------------------------------------------------------------- /src/static/sass/components/_modal.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/components/_modal.scss -------------------------------------------------------------------------------- /src/static/sass/components/_movie.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/components/_movie.scss -------------------------------------------------------------------------------- /src/static/sass/components/_movieShowcase.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/components/_movieShowcase.scss -------------------------------------------------------------------------------- /src/static/sass/components/_notfound.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/components/_notfound.scss -------------------------------------------------------------------------------- /src/static/sass/components/_search.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/components/_search.scss -------------------------------------------------------------------------------- /src/static/sass/layout/_header.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/layout/_header.scss -------------------------------------------------------------------------------- /src/static/sass/layout/_navigation.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/layout/_navigation.scss -------------------------------------------------------------------------------- /src/static/sass/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/static/sass/style.scss -------------------------------------------------------------------------------- /src/store/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/index.ts -------------------------------------------------------------------------------- /src/store/slices/actionMovieSlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/actionMovieSlice.ts -------------------------------------------------------------------------------- /src/store/slices/comedyMoviesSlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/comedyMoviesSlice.ts -------------------------------------------------------------------------------- /src/store/slices/documentarySlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/documentarySlice.ts -------------------------------------------------------------------------------- /src/store/slices/horrorMoviesSlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/horrorMoviesSlice.ts -------------------------------------------------------------------------------- /src/store/slices/movieDetailsSlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/movieDetailsSlice.ts -------------------------------------------------------------------------------- /src/store/slices/netflixOriginalsSlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/netflixOriginalsSlice.ts -------------------------------------------------------------------------------- /src/store/slices/romanceMoviesSlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/romanceMoviesSlice.ts -------------------------------------------------------------------------------- /src/store/slices/searchSlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/searchSlice.ts -------------------------------------------------------------------------------- /src/store/slices/topRatedSlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/topRatedSlice.ts -------------------------------------------------------------------------------- /src/store/slices/trendingSlice.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/src/store/slices/trendingSlice.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/tsconfig.json -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devandres-tech/Netflix-Clone/HEAD/webpack.config.js --------------------------------------------------------------------------------