├── .eslintignore ├── .eslintrc.cjs ├── .gitattributes ├── .gitignore ├── README.md ├── data.json ├── index.html ├── package.json ├── pnpm-lock.yaml ├── public └── movie-logo.avif ├── src ├── .env ├── App.jsx ├── App.scss ├── assets │ ├── M.png │ ├── avatar.png │ ├── login-avatar.png │ ├── mlogo.svg │ ├── movie-logo-react.avif │ ├── movie-logo.svg │ ├── no-poster.jpg │ ├── no-poster.png │ └── no-results.png ├── components │ ├── auth │ │ ├── login │ │ │ ├── Login.jsx │ │ │ └── style.scss │ │ └── registration │ │ │ ├── Registration.jsx │ │ │ └── style.scss │ ├── carousel │ │ ├── Carousel.jsx │ │ └── style.scss │ ├── circleRating │ │ ├── CircleRating.jsx │ │ └── style.scss │ ├── contentWrapper │ │ ├── ContentWrapper.jsx │ │ └── style.scss │ ├── footer │ │ ├── Footer.jsx │ │ └── style.scss │ ├── genres │ │ ├── Genres.jsx │ │ └── style.scss │ ├── header │ │ ├── Header.jsx │ │ └── style.scss │ ├── lazyLoadImage │ │ └── img.jsx │ ├── movieCard │ │ ├── MovieCard.jsx │ │ └── style.scss │ ├── spinner │ │ ├── Spinner.jsx │ │ └── style.scss │ ├── switchTabs │ │ ├── SwitchTab.jsx │ │ └── style.scss │ └── videoPopup │ │ ├── VideoPopup.jsx │ │ └── style.scss ├── hooks │ └── useFetch.jsx ├── index.scss ├── main.jsx ├── mixins.scss ├── pages │ ├── 404 │ │ ├── PageNotFound.jsx │ │ └── style.scss │ ├── details │ │ ├── Details.jsx │ │ ├── PlayIcon.jsx │ │ ├── carousels │ │ │ ├── Recommendation.jsx │ │ │ └── Similar.jsx │ │ ├── cast │ │ │ ├── Cast.jsx │ │ │ └── style.scss │ │ ├── style.scss │ │ └── videosSection │ │ │ ├── VideosSection.jsx │ │ │ └── style.scss │ ├── detailsBanner │ │ ├── DetailsBanner.jsx │ │ └── style.scss │ ├── explore │ │ ├── Explore.jsx │ │ └── style.scss │ ├── home │ │ ├── Home.jsx │ │ ├── heroBanner │ │ │ ├── HeroBanner.jsx │ │ │ └── style.scss │ │ ├── popular │ │ │ └── Popular.jsx │ │ ├── style.scss │ │ ├── topRated │ │ │ └── TopRated.jsx │ │ ├── trending │ │ │ └── Trending.jsx │ │ └── upcoming │ │ │ └── Upcoming.jsx │ └── searchResult │ │ ├── SearchResult.jsx │ │ └── style.scss ├── store │ ├── authSlice.js │ ├── homeSlice.js │ └── store.js └── utils │ └── api.js └── vite.config.js /.eslintignore: -------------------------------------------------------------------------------- 1 | * -------------------------------------------------------------------------------- /.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/.eslintrc.cjs -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/.gitattributes -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/README.md -------------------------------------------------------------------------------- /data.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/data.json -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/package.json -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/pnpm-lock.yaml -------------------------------------------------------------------------------- /public/movie-logo.avif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/public/movie-logo.avif -------------------------------------------------------------------------------- /src/.env: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/.env -------------------------------------------------------------------------------- /src/App.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/App.jsx -------------------------------------------------------------------------------- /src/App.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/App.scss -------------------------------------------------------------------------------- /src/assets/M.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/assets/M.png -------------------------------------------------------------------------------- /src/assets/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/assets/avatar.png -------------------------------------------------------------------------------- /src/assets/login-avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/assets/login-avatar.png -------------------------------------------------------------------------------- /src/assets/mlogo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/assets/mlogo.svg -------------------------------------------------------------------------------- /src/assets/movie-logo-react.avif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/assets/movie-logo-react.avif -------------------------------------------------------------------------------- /src/assets/movie-logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/assets/movie-logo.svg -------------------------------------------------------------------------------- /src/assets/no-poster.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/assets/no-poster.jpg -------------------------------------------------------------------------------- /src/assets/no-poster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/assets/no-poster.png -------------------------------------------------------------------------------- /src/assets/no-results.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/assets/no-results.png -------------------------------------------------------------------------------- /src/components/auth/login/Login.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/auth/login/Login.jsx -------------------------------------------------------------------------------- /src/components/auth/login/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/auth/login/style.scss -------------------------------------------------------------------------------- /src/components/auth/registration/Registration.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/auth/registration/Registration.jsx -------------------------------------------------------------------------------- /src/components/auth/registration/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/auth/registration/style.scss -------------------------------------------------------------------------------- /src/components/carousel/Carousel.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/carousel/Carousel.jsx -------------------------------------------------------------------------------- /src/components/carousel/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/carousel/style.scss -------------------------------------------------------------------------------- /src/components/circleRating/CircleRating.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/circleRating/CircleRating.jsx -------------------------------------------------------------------------------- /src/components/circleRating/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/circleRating/style.scss -------------------------------------------------------------------------------- /src/components/contentWrapper/ContentWrapper.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/contentWrapper/ContentWrapper.jsx -------------------------------------------------------------------------------- /src/components/contentWrapper/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/contentWrapper/style.scss -------------------------------------------------------------------------------- /src/components/footer/Footer.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/footer/Footer.jsx -------------------------------------------------------------------------------- /src/components/footer/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/footer/style.scss -------------------------------------------------------------------------------- /src/components/genres/Genres.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/genres/Genres.jsx -------------------------------------------------------------------------------- /src/components/genres/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/genres/style.scss -------------------------------------------------------------------------------- /src/components/header/Header.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/header/Header.jsx -------------------------------------------------------------------------------- /src/components/header/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/header/style.scss -------------------------------------------------------------------------------- /src/components/lazyLoadImage/img.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/lazyLoadImage/img.jsx -------------------------------------------------------------------------------- /src/components/movieCard/MovieCard.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/movieCard/MovieCard.jsx -------------------------------------------------------------------------------- /src/components/movieCard/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/movieCard/style.scss -------------------------------------------------------------------------------- /src/components/spinner/Spinner.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/spinner/Spinner.jsx -------------------------------------------------------------------------------- /src/components/spinner/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/spinner/style.scss -------------------------------------------------------------------------------- /src/components/switchTabs/SwitchTab.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/switchTabs/SwitchTab.jsx -------------------------------------------------------------------------------- /src/components/switchTabs/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/switchTabs/style.scss -------------------------------------------------------------------------------- /src/components/videoPopup/VideoPopup.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/videoPopup/VideoPopup.jsx -------------------------------------------------------------------------------- /src/components/videoPopup/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/components/videoPopup/style.scss -------------------------------------------------------------------------------- /src/hooks/useFetch.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/hooks/useFetch.jsx -------------------------------------------------------------------------------- /src/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/index.scss -------------------------------------------------------------------------------- /src/main.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/main.jsx -------------------------------------------------------------------------------- /src/mixins.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/mixins.scss -------------------------------------------------------------------------------- /src/pages/404/PageNotFound.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/404/PageNotFound.jsx -------------------------------------------------------------------------------- /src/pages/404/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/404/style.scss -------------------------------------------------------------------------------- /src/pages/details/Details.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/details/Details.jsx -------------------------------------------------------------------------------- /src/pages/details/PlayIcon.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/details/PlayIcon.jsx -------------------------------------------------------------------------------- /src/pages/details/carousels/Recommendation.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/details/carousels/Recommendation.jsx -------------------------------------------------------------------------------- /src/pages/details/carousels/Similar.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/details/carousels/Similar.jsx -------------------------------------------------------------------------------- /src/pages/details/cast/Cast.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/details/cast/Cast.jsx -------------------------------------------------------------------------------- /src/pages/details/cast/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/details/cast/style.scss -------------------------------------------------------------------------------- /src/pages/details/style.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/pages/details/videosSection/VideosSection.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/details/videosSection/VideosSection.jsx -------------------------------------------------------------------------------- /src/pages/details/videosSection/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/details/videosSection/style.scss -------------------------------------------------------------------------------- /src/pages/detailsBanner/DetailsBanner.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/detailsBanner/DetailsBanner.jsx -------------------------------------------------------------------------------- /src/pages/detailsBanner/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/detailsBanner/style.scss -------------------------------------------------------------------------------- /src/pages/explore/Explore.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/explore/Explore.jsx -------------------------------------------------------------------------------- /src/pages/explore/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/explore/style.scss -------------------------------------------------------------------------------- /src/pages/home/Home.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/home/Home.jsx -------------------------------------------------------------------------------- /src/pages/home/heroBanner/HeroBanner.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/home/heroBanner/HeroBanner.jsx -------------------------------------------------------------------------------- /src/pages/home/heroBanner/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/home/heroBanner/style.scss -------------------------------------------------------------------------------- /src/pages/home/popular/Popular.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/home/popular/Popular.jsx -------------------------------------------------------------------------------- /src/pages/home/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/home/style.scss -------------------------------------------------------------------------------- /src/pages/home/topRated/TopRated.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/home/topRated/TopRated.jsx -------------------------------------------------------------------------------- /src/pages/home/trending/Trending.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/home/trending/Trending.jsx -------------------------------------------------------------------------------- /src/pages/home/upcoming/Upcoming.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/home/upcoming/Upcoming.jsx -------------------------------------------------------------------------------- /src/pages/searchResult/SearchResult.jsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/searchResult/SearchResult.jsx -------------------------------------------------------------------------------- /src/pages/searchResult/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/pages/searchResult/style.scss -------------------------------------------------------------------------------- /src/store/authSlice.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/store/authSlice.js -------------------------------------------------------------------------------- /src/store/homeSlice.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/store/homeSlice.js -------------------------------------------------------------------------------- /src/store/store.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/store/store.js -------------------------------------------------------------------------------- /src/utils/api.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/src/utils/api.js -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Motaman-M/react-movie-app/HEAD/vite.config.js --------------------------------------------------------------------------------