This is a personal project aimed at creating a clone of the Disney+ website using React. The project utilizes 'the movie database' API for data retrieval, Firebase for simulating user authentication and data storage, all without the need for a dedicated back-end. I use my personal components for sliders and the application is responsive and can be used on mobile phones, with touch event management.
version 1
- react router
- functional components
- filters, favorites features
- responsive design
- Styled with CSS through styled-components
- Utilizes 'the movie database' API for movie and TV show data
- API calls handle with react-query (TanStack)
- Custom-built components for sliders
- Firebase authetification and database
Client: React, redux, react-router-dom, styled-components, firebase, react-query, react-player
Server: none
clone project
git clone https://github.com/danielgonzalez0/20230812-Disney-plus-test.gitGo to the project directory
cd my-projectInstall dependencies
npm installlaunch server
npm run startTo run this project, you will need to create an .env file at the root of the project and add the following environment variables to your .env file
REACT_APP_KEY
https://developer.themoviedb.org/reference/intro/getting-started
Hello everyone,
My name is Daniel Gonzalez, I am 43 years old, and I am a father of two children.
Over the past few months, I have undertaken an intensive training program in front-end development with a focus on React at OpenClassrooms.
This training has allowed me to specialize in front-end development, using a highly regarded framework in the industry.
Before that, I completed an initial training program in web development, where I gained a foundation in programming (HTML, CSS, JS) for both front-end and back-end development. I worked on aspects such as web integration, creating APIs and databases, accessibility, SEO, and more.
Here is my portfolio, feel free to visit it to see my latest projects :smile: