This was generated by bash scripts to start with a Next.js template.
Live demo here.
One more Disney+ clone is alive now!
I didn't want to build another big-company website copy but when I saw Ania's video and the opportunity to learn and practice different concepts on my way there, I had to do it. So, this project was made exclusively to practice GraphQL on the client side and managing content with Hygraph.
For more information about my dev journey, consider visiting my LinkedIn.
Base tools
- React v18.2.0
- Next.js v12.2.5
- TypeScript v4.8.2
- Firebase v9.9.4
- Hygraph
- Apollo Client v3.6.9
Linters and Formatters
- ESLint v8.23.0
- Prettier (VS Code extension)
- .editorConfig (VS Code extension)
Testing
- Vitest v0.22.1
- React testing library
- jest-dom v5.16.5
- react v13.3.0
- user-event v14.4.3
- Cypress v10.7.0
- Authentication with Google
- Create up to 4 profiles per account
- Add/remove videos from watchlist
Clone on your machine (I personally use Github CLI)
# by git
git clone https://github.com/SlyCooper-n/disney-clone.git
# or by Github CLI
gh repo clone SlyCooper-n/disney-cloneSet every thing up
# enter the project folder
cd disney-clone
# install dependencies
npm install
# run on development mode
npm run devClone the repo as shown above ⬆️ and follow this little guide
Project is: no longer being worked on, as its main features are ready and my focus is on other deeper projects.
| Status | Project |
|---|---|
 |
disney-clone |
- disney-clone was based and inspired on this one.
- Many thanks to Ania Kubów.
MIT License © Gabriel VS Frasão
Feel free to get in touch with me on my Gmail, Instagram or LinkedIn