Bem-vindo ao projeto Disney+ Clone! Este é um clone da interface de usuário da Disney+, desenvolvido usando React e o TMDB API. O objetivo é recriar a experiência visual e interativa do popular serviço de streaming Disney+.
-
Página Inicial: Explore uma lista de filmes e séries em destaque, organizados por categorias.
-
Barra de Navegação: Utilize a barra de navegação para explorar diferentes categorias, como Ação, Animação, Aventura, etc.
-
React: Biblioteca JavaScript para a construção da interface de usuário.
-
React Router: Gerencia a navegação entre as diferentes páginas da aplicação.
-
Firebase: Armazena dados sobre filmes, séries e informações de usuário.
-
Styled Components: Facilita a estilização dos componentes React.
Siga os passos abaixo para configurar e executar o projeto localmente:
-
Clone o repositório:
git clone https://github.com/viniciusxv27/React-Clone-DisneyPlus
-
Navegue até o diretório do projeto:
cd React-Clone-DisneyPlus
-
Instale as dependências::
npm install
-
Crie um arquivo .env na raiz do projeto e configure as credenciais do Firebase::
REACT_APP_FIREBASE_API_KEY=your-api-key REACT_APP_FIREBASE_AUTH_DOMAIN=your-auth-domain REACT_APP_FIREBASE_PROJECT_ID=your-project-id REACT_APP_FIREBASE_STORAGE_BUCKET=your-storage-bucket REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id REACT_APP_FIREBASE_APP_ID=your-app-id
Substitua os valores com as informações da sua conta Firebase.
-
Inicie o aplicativo:
npm start
O aplicativo estará disponível em http://localhost:3000.
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests.
Desenvolvedor - Vinicius