An open API service indexing awesome lists of open source software.

https://github.com/jonasmarquesdev/kenai

Neste repositório, você encontrará o código-fonte de uma Landing Page de Streaming de Filmes desenvolvida em React.
https://github.com/jonasmarquesdev/kenai

Last synced: about 2 months ago
JSON representation

Neste repositório, você encontrará o código-fonte de uma Landing Page de Streaming de Filmes desenvolvida em React.

Awesome Lists containing this project

README

        

# Landing Page de Streaming de Filmes em React

Este repositório contém o código-fonte de uma Landing Page de Streaming de Filmes desenvolvida utilizando a biblioteca React. A aplicação oferece aos usuários uma interface atraente e responsiva para explorar e descobrir uma variedade de filmes.

## Recursos Principais

- **Interface Intuitiva:** A Landing Page oferece uma interface de usuário moderna e intuitiva, projetada para proporcionar uma experiência de navegação fácil e agradável.

- **Filmes Populares:** Os filmes populares são exibidos em destaque, com cartões de filme que incluem imagens, títulos e informações adicionais.

- **Detalhes dos Filmes:** Ao clicar em um cartão de filme, os usuários podem acessar informações detalhadas sobre o filme, como sinopse, elenco e avaliações.

- **Responsividade:** A aplicação é totalmente responsiva, garantindo uma experiência de usuário consistente em diferentes dispositivos, desde desktops até dispositivos móveis.

## Project Interface
- ### Select Profile Interface
![image](https://firebasestorage.googleapis.com/v0/b/storage-1cbb2.appspot.com/o/Captura%20de%20tela%202023-08-07%20204610.png?alt=media&token=fb041c40-a95a-48ee-af50-7e60d94dd161)
- ### HomeScreen Interface
![image](https://firebasestorage.googleapis.com/v0/b/storage-1cbb2.appspot.com/o/Captura%20de%20tela%202023-08-07%20204640.png?alt=media&token=9db15fad-23a1-4696-af1d-8c30dc7439bf)

## Instruções de Uso

1. Clone este repositório em sua máquina local.
2. Instale as dependências do projeto utilizando `npm install`.
3. Execute o servidor de desenvolvimento com `npm run dev`.
4. Acesse a Landing Page através do navegador no endereço [http://localhost:5173](http://localhost:5173).

## Observações

- Este projeto foi desenvolvido com React e faz uso de componentes reutilizáveis para facilitar a manutenção e escalabilidade do código.
- As imagens de filmes são exibidas dinamicamente e podem ser customizadas ao modificar os dados no arquivo `imagens.js`.
- A aplicação é apenas uma representação de uma Landing Page de Streaming de Filmes, não contendo funcionalidades de reprodução real de filmes.

Sinta-se à vontade para explorar o código, contribuir com melhorias e personalizar a aplicação para suas próprias necessidades. Esperamos que esta Landing Page seja uma excelente base para a criação de uma experiência de streaming de filmes atrativa e envolvente em React.