Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/daliosy/dev-movies
Catálogo de filmes consumindo uma API com React.
https://github.com/daliosy/dev-movies
javascript npm react styledcomponents vercel vite
Last synced: about 1 month ago
JSON representation
Catálogo de filmes consumindo uma API com React.
- Host: GitHub
- URL: https://github.com/daliosy/dev-movies
- Owner: DalioSY
- Created: 2024-07-21T21:34:25.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-08-03T00:12:22.000Z (5 months ago)
- Last Synced: 2024-11-12T16:02:16.041Z (about 1 month ago)
- Topics: javascript, npm, react, styledcomponents, vercel, vite
- Language: JavaScript
- Homepage: https://dev-movies-lyart.vercel.app
- Size: 16.2 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dev Movies
## Índice
- [Visão Geral](#visão-geral)
- [Imagens](#Imagens)
- [Funcionalidades](#funcionalidades)
- [Tecnologias Utilizadas](#tecnologias-utilizadas)
- [Começando](#começando)
- [Pré-requisitos](#pré-requisitos)
- [Instalação](#instalação)
- [Executando o Projeto](#executando-o-projeto)
- [Deploy](#deploy)
- [Contribuindo](#contribuindo)
- [Contato](#contato)
## Visão Geral
Este é um projeto de catálogo de filmes construído usando React.js. O Dev Movies permite que os usuários visualizem uma lista de filmes, vejam detalhes de cada filme e pesquisem filmes por título. Você pode ver a versão ao vivo do projeto.
[Dev Movies](dev-movies-lyart.vercel.app)
## Imagens
Aqui estão algumas imagens do projeto:
## Funcionalidades
- Visualizar lista de filmes
- Ver detalhes de cada filme
- Pesquisar filmes por título
- Design responsivo
## Tecnologias Utilizadas
- [React.js](https://reactjs.org/)
- [Vite](https://vitejs.dev/)
- [Axios](https://axios-http.com/)
- [styled-components](https://styled-components.com/)
- [API de filmes (developers.themoviedb.org)](https://developer.themoviedb.org/docs/getting-started)
## Começando
### Pré-requisitos
- Node.js (v14.x ou superior)
- npm
### Instalação
1. Clone o repositório:
```bash
git clone https://github.com/DalioSY/dev-movies.git
```
2. Navegue até o diretório do projeto:
```bash
cd dev-movies
```
3. Instale as dependências:
```bash
npm install
```
4. Crie um arquivo .env na raiz do projeto e adicione a chave da API de filmes:
```bash
VITE_MOVIE_API_KEY
```
### Executando o Projeto
1. Inicie o servidor de desenvolvimento:
```bash
npm run dev
```
2. Abra [http://localhost:5173](http://localhost:5173) no seu navegador para ver o projeto.
## Deploy
Este projeto está implantado usando Vercel. Para implantar sua própria versão, você pode seguir estas etapas:
1. Envie seu código para um repositório no GitHub.
2. Vá para [Vercel](https://vercel.com/) e crie um novo projeto.
3. Conecte seu repositório GitHub.
4. Implante seu projeto.
## Contribuindo
Contribuições são bem-vindas! Por favor, siga estas etapas para contribuir:
1. Faça um fork do repositório.
2. Crie uma nova branch (`git checkout -b feature/SuaFuncionalidade`).
3. Faça suas alterações.
4. Faça um commit das suas alterações (`git commit -m 'Adicionei uma nova funcionalidade'`).
5. Envie para a branch (`git push origin feature/SuaFuncionalidade`).
6. Crie um novo Pull Request.
## Contato
- **Dalio Shindi Yamada**
- [GitHub](https://github.com/DalioSY)
- [LinkedIn](https://www.linkedin.com/in/dalio-s-yamada)
- [Portfólio](https://daliosy.github.io/my-PORTFOLIO)