Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gustavo-p0/rocketflix-discover

O projeto RocketFlix faz parte de uma série de desafios da trilha Discover da Rocketseat.
https://github.com/gustavo-p0/rocketflix-discover

css html rocketseat rocketseat-discover ui-clone

Last synced: 3 days ago
JSON representation

O projeto RocketFlix faz parte de uma série de desafios da trilha Discover da Rocketseat.

Awesome Lists containing this project

README

        

# RocketFlix

![rocketflix](https://user-images.githubusercontent.com/83771792/228887225-86973dab-65be-4dbf-86f6-742337e76592.gif)

**[Clique aqui](https://efficient-sloth-d85.notion.site/Desafio-Rocketflix-5ca1c56b5e52473eb12e8b2bc3ab1b8d#06e6ecb4212447c695dfbe7da61ec551)** para ver a página de instruções do desafio original.

## 💻 Sobre o desafio

Neste desafio foi proposto criar uma página que utiliza a API do themoviedb.org para exibir um filme aleatório sempre que clicar em Encontrar Filme, de acordo com o **[layout do projeto](https://www.figma.com/file/9HFoO4wNB150gRSV4v0Qse/DD-%2F-Rocketflix/duplicate) disponível no figma**. O desafio está dividido em três partes, estruturação do HTML com o conteúdo, estilização da página com o CSS e interatividade com JavaScript. Além disso foi adicionado **responsividade**.

## 👁️ Live Preview

Confira o link na **descrição** deste repositório.

## 📚 Tecnologias

- HTML
- CSS
- JavaScript

## ⚙️ Instalação
- É necessário uma chave de api da [the movie db](https://api.themoviedb.org/).
- Na aba code você pode fazer o download do zip ou clonar este repositório para a sua máquina.

## 📄 Licença

Este projeto está licenciado pela MIT License.