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

https://github.com/ryanverissimo/dev_reels

DEV REELS é uma plataforma de filmes desenvolvida a partir do consumo da API do TMDB. O projeto permite listar filmes, visualizar os detalhes de cada filme, salvar favoritos no localStorage do navegador e gerenciar essa lista, adicionando ou removendo conforme a preferência do usuário.
https://github.com/ryanverissimo/dev_reels

Last synced: 12 days ago
JSON representation

DEV REELS é uma plataforma de filmes desenvolvida a partir do consumo da API do TMDB. O projeto permite listar filmes, visualizar os detalhes de cada filme, salvar favoritos no localStorage do navegador e gerenciar essa lista, adicionando ou removendo conforme a preferência do usuário.

Awesome Lists containing this project

README

          

# DEV REELS 🔴

## DEV REELS é uma plataforma de filmes desenvolvida utilizando a API do TMDB.
### O sistema permite explorar filmes, salvar favoritos no localStorage, visualizar detalhes e gerenciar sua lista de preferidos de forma simples e prática.

🏠 Páginas e Funcionalidades

🔹 Home 🎬
Responsável por exibir uma listagem de filmes consumidos da API do TMDB.
Nessa página, o usuário pode:

- Assistir

- Adicionar aos favoritos

- Acessar a página de detalhes

🔹 Detalhes 📖
Exibe informações completas de um filme selecionado, utilizando o ID do filme clicado.
Na tela de detalhes é possível visualizar:

- Título

- Data de lançamento

- Gêneros

- entre outros...

Além disso, o usuário terá um botão de assistir ao filme ou adicioná-lo aos favoritos.

🔹 Favoritos ⭐
Mostra todos os filmes adicionados como favoritos, consumidos do localStorage.
Nessa página o usuário pode:

- Assistir novamente

- Excluir o filme dos favoritos

- Ver os detalhes do filme

🔹 NotFound 🚫
Página exibida quando o usuário tenta acessar uma URL inexistente dentro da aplicação

# 🛠️ Tecnologias usadas

# Frontend
- React.js
- Axios
- react-router-dom
- LocalStorage
- React Toastify

![DEV REELS 🔴](/src/Images/imgfavfull.png)
![DEV REELS 🔴](/src/Images/imgdetfull.png)
![DEV REELS 🔴](/src/Images/imgnotfoundfull.png)
![DEV REELS 🔴](/src/Images/imghomres.png)