https://github.com/natcurti/cine-me
Cine.me - Lista de filmes e séries usando a API TMDB
https://github.com/natcurti/cine-me
authentication contextapi jwt-authentication react react-hook-forms styled-components typescript
Last synced: 3 months ago
JSON representation
Cine.me - Lista de filmes e séries usando a API TMDB
- Host: GitHub
- URL: https://github.com/natcurti/cine-me
- Owner: natcurti
- Created: 2024-07-23T01:06:22.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-01-04T16:27:37.000Z (5 months ago)
- Last Synced: 2025-01-25T09:27:40.526Z (4 months ago)
- Topics: authentication, contextapi, jwt-authentication, react, react-hook-forms, styled-components, typescript
- Language: TypeScript
- Homepage: https://cine-me-khaki.vercel.app
- Size: 2.86 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎥 Cine.me
Este projeto é similar a um site de streaming, listando diversos filmes e séries a partir da API TMDB. Ao fazer o cadastro e o login, é possível clicar nos filmes e séries e ser redirecionado para a página de detalhes de cada um.
## 💻 Tecnologias utilizadas
Para construção desse projeto foram utilizados:
- React + Vite
- TypeScript
- Context API
- Styled Components
- Autenticação com JWT
- React Hook Forms
## 🚀 Instalação
Após clonar o projeto, acesse o diretório e digite o comando abaixo para instalar as dependências necessárias:
```
npm i
```
Inicie o servidor
```
npm run dev
```
Inicie também o servidor da api de autenticação com o comando:
```
npm run api-auth
```
## 🛠️ Variáveis de Ambiente
Para rodar esse projeto, você vai precisar adicionar as seguintes variáveis de ambiente no seu .env:
VITE_API_KEY
É preciso usar a sua chave da API TMDB.
## 👇 Confira o projeto pelo link:
https://cine-me-khaki.vercel.app/