{"id":21922853,"url":"https://github.com/martinwebdev95/disneyplusclone","last_synced_at":"2025-07-01T13:36:35.730Z","repository":{"id":46143519,"uuid":"511442057","full_name":"MartinWebDev95/DisneyPlusClone","owner":"MartinWebDev95","description":"Disney Plus web clone with a supabase backend to save favorite movies and tv shows","archived":false,"fork":false,"pushed_at":"2024-09-12T08:58:35.000Z","size":32443,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-09-12T19:43:23.569Z","etag":null,"topics":["frontend","javascript","react-router","reactjs","styled-components","supabase","vercel-deployment","vitejs"],"latest_commit_sha":null,"homepage":"https://disneyplus-clone-app.vercel.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/MartinWebDev95.png","metadata":{"files":{"readme":"README.en.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":"2022-07-07T08:18:08.000Z","updated_at":"2024-09-12T08:59:45.000Z","dependencies_parsed_at":"2023-01-28T10:16:01.491Z","dependency_job_id":"4a4fc7b0-759e-4469-a078-0b0f270ed59b","html_url":"https://github.com/MartinWebDev95/DisneyPlusClone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWebDev95%2FDisneyPlusClone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWebDev95%2FDisneyPlusClone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWebDev95%2FDisneyPlusClone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MartinWebDev95%2FDisneyPlusClone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MartinWebDev95","download_url":"https://codeload.github.com/MartinWebDev95/DisneyPlusClone/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226986663,"owners_count":17713649,"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":["frontend","javascript","react-router","reactjs","styled-components","supabase","vercel-deployment","vitejs"],"created_at":"2024-11-28T21:07:30.707Z","updated_at":"2024-11-28T21:07:31.339Z","avatar_url":"https://github.com/MartinWebDev95.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[Button Language]: https://img.shields.io/badge/Leer%20En%20Español-000000?style=for-the-badge\n\n[![Button Language]](https://github.com/MartinWebDev95/DisneyPlusClone/tree/master/Frontend/README.md)\n\n# Disney Plus Clone\n---\n[Button Disney Plus Web]: https://img.shields.io/badge/Disney%20Plus%20Original-0B5B9E?style=for-the-badge\n[Button Disney Plus Clone]: https://img.shields.io/badge/Disney%20Plus%20Clon-0B5B9E?style=for-the-badge\n\nThis project consists of creating a clone of the Disney Plus website where you can authenticate yourself through Google and where you can save the movies or series that you like the most to your list.\n\n[![Button Disney Plus Clone]](https://disneyplus-clone-app.vercel.app/)\n[![Button Disney Plus Web]](https://www.disneyplus.com)\n\n## 👨🏽‍💻 What technologies have I used?\n---\n\n[Button Vercel]: https://img.shields.io/badge/Deploy%20on%20Vercel-000000?style=for-the-badge\u0026logo=vercel\n[Button Supabase]: https://img.shields.io/badge/Supabase-000000?style=for-the-badge\u0026logo=supabase\n[Button React]: https://img.shields.io/badge/React-000000?style=for-the-badge\u0026logo=react\n[Button Styled Components]:https://img.shields.io/badge/Styled%20Components-000000?style=for-the-badge\u0026logo=styled-components\n[Button React Router]:https://img.shields.io/badge/React%20Router-000000?style=for-the-badge\u0026logo=react-router\n[Button Vite]:https://img.shields.io/badge/Vite-000000?style=for-the-badge\u0026logo=vite\n[Button ESLint]:https://img.shields.io/badge/ESLint-000000?style=for-the-badge\u0026logo=eslint\n\n[![Button React]](https://react.dev/)\n[![Button Supabase]](https://supabase.com/)\n[![Button Styled Components]](https://styled-components.com/)\n[![Button React Router]](https://reactrouter.com/en/main)\n[![Button Vite]](https://vitejs.dev/)\n[![Button ESLint]](https://eslint.org/)\n[![Button Vercel]](https://vercel.com/)\n\n- **React:** I have used React as the project framework, creating different components, a context for authentication, a layout for the entire website, different pages and several custom hooks.\n\n- **Supabase:** I have used Supabase for authentication through Google, authentication with the Demo User and to save in a database the favorite movies or series that each user decides.\n\n- **Styled Components:** I have used Styled Components to style the different components.\n\n- **React Router:** I have used React Router to create the different routes that the website has, since React doesn't have an integrated router like other frameworks.\n\n- **Vite JS:** I have used Vite JS as a build tool.\n\n- **ESLint:** I have used ESLint to follow the Airbnb style guide in the project code.\n\n- **API:** I have used the [TMDB API](https://developer.themoviedb.org/docs/getting-started) to get all the information about movies and series.\n\n## 📸 Some Screenshots!\n---\n\n![Login Page Screenshot](https://github.com/MartinWebDev95/DisneyPlusClone/blob/master/Frontend/public/assets/img/screenshots/loginPage.png)\n\n![Main Page Screenshot](https://github.com/MartinWebDev95/DisneyPlusClone/blob/master/Frontend/public/assets/img/screenshots/mainPage.png)\n\n![Brand Page Screenshot](https://github.com/MartinWebDev95/DisneyPlusClone/blob/master/Frontend/public/assets/img/screenshots/brandPage.png)\n\n![Search Page Screenshot](https://github.com/MartinWebDev95/DisneyPlusClone/blob/master/Frontend/public/assets/img/screenshots/searchPage.png)\n\n![Detail Page Screenshot](https://github.com/MartinWebDev95/DisneyPlusClone/blob/master/Frontend/public/assets/img/screenshots/detailPage.png)\n\n![My List Page Screenshot](https://github.com/MartinWebDev95/DisneyPlusClone/blob/master/Frontend/public/assets/img/screenshots/myListPage.png)\n\n![Series Page Screenshot](https://github.com/MartinWebDev95/DisneyPlusClone/blob/master/Frontend/public/assets/img/screenshots/seriesPage.png)\n\n## 🗃️ Project Structure\n---\n\nThis is the structure that I have used in this project\n\n```text\n/\n├── public/\n│   └── assets/\n│       ├── img/\n│       │   └── image.png\n│       └── videos/\n│           └── video.mp4\n│\n├── src/\n│   ├── components/\n│   │   └── Component/\n│   │       └── index.jsx\n│   │       └── styles.js\n│   ├── context/\n│   │   └── Context.jsx\n│   ├── helpers/\n│   │   └── helper.js\n│   ├── hooks/\n│   │   └── useHook.js\n│   ├── layout/\n│   │   └── Layout.jsx\n│   ├── pages/\n│   │    └── Page/\n│   │       └── index.jsx\n│   │       └── styles.js\n│   ├── services/\n│   │   └── getData.js\n│   └── utils/\n│       └── util.js\n└── package.json\n```\n## 👀 Where you can find me?\n---\n\n[Button Portfolio]: https://img.shields.io/badge/Visit%20My%20Portfolio-000000?style=for-the-badge\n\n[![Button Portfolio]](https://portfolio-martinwebdev95.vercel.app/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmartinwebdev95%2Fdisneyplusclone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmartinwebdev95%2Fdisneyplusclone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmartinwebdev95%2Fdisneyplusclone/lists"}