Desafio proposto pela Rocketseat Discover de um gerador de filme randômico

Overview

Unform

Rocketflix

🚀 Desafio proposto pela Rocketseat do curso Discover, de um gerador de filme randômico

ObjetivoTecnologiasPré-requisitosFuncionalidadesAutor

🚧 Rocketflix 🚀 Concluído. 🚧

Objetivo 🎯

Desenvolver um site onde o usuário que quer ver um filme, porém está na dúvida de qual escolher. Possa com apenas um clique gerar um filme aleatório, e assim ele consiga encontrar um filme que o interesse.

Funcionalidades

  • Ao clicar no botão, fazer uma requisição na api
  • Caso a requisição falhe, mostrar tela de not found personalizada
  • Responsividade

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina o Git. Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o pojeto na sua máquina

# Clone este repositório
$ git clone <https://github.com/davivsouza/rocket-flix.git>

# Acesse a pasta do projeto no terminal/cmd
$ cd rocket-flix

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# O localhost inciará na porta:3000 - acesse 

Obs: Esse projeto foi feito com uso de uma api que necessita de uma key. Faça seu registro e pegue a key neste link

link de exemplo para fazer requisição: "https://api.themoviedb.org/3/movie/634649?api_key=sua-api-key"

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Autor


Davi Souza
🕊

Feito com ❤️ por Davi V. Souza 👋🏽 Entre em contato!

Linkedin Badge Gmail Badge

You might also like...
Discover Movies and TV shows -  React Native
Discover Movies and TV shows - React Native

movieapp Discover Movies and TV shows Download APK file Download from Google Drive - v2.2.1 What's included Name Description React Native Build Native

Message in a Bottle is an interactive application where users can discover stories about the communities around them.

Message In a Bottle Find Places That Tell Stories Explore the docs » Deploy Link · Report Bug · Request Feature · Project Spec Table of Contents About

React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts
React render tracker – a tool to discover performance issues related to unintentional re-renders and unmounts

React Render Tracker React Render Tracker – a tool to discover performance issues related to unintended re-renders. React Render Tracker (RRT) present

CABINDOGS - Discover cabins for rent all over the world. For you and your furry friend.
CABINDOGS - Discover cabins for rent all over the world. For you and your furry friend.

CABINDOGS Cabin Rentals for you and your furry friends too What is a getaway from home when your best friend can't come and is left all alone? SAD! CA

Desafio de React usando API de clima y bibliotecas Redux + Redux-Saga

React Challenge - Aplicacion de Clima Desarrollo de una aplicación de consulta de clima que pueda visualizar el pronóstico actual, próximos 5 días par

Desafio react para adicionar tarefa, remover, marcar e desmarcar como concluída

💻 Sobre o desafio Adicionar uma nova tarefa Remover uma tarefa Marcar e desmarcar uma tarefa como concluída Arquivo com Lógica app * TaskList.tsx Re

Codelandia-Challenge-2-JordanShoes - Desafio da comunidade da Codelândia, realizada com React e Typescript.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corretamente
Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corretamente

upfi Desafio da trilha react.js do ignite onde o objetivo é adicionar alguns trechos de código para que a aplicação de upload de imagens funcione corr

⚛ Primeiro desafio do Bootcamp Ignite na trilha de ReactJS
⚛ Primeiro desafio do Bootcamp Ignite na trilha de ReactJS

⚛ Desafio: Conceitos do React 🚀 Bootcamp Ignite Tecnologias | Projeto | Como rodar | Licença 🚀 Tecnologias Esse projeto foi desenvolvido com as segu

Trilha React Native - NLW Together (NLW 6) - Rocketseat
Trilha React Native - NLW Together (NLW 6) - Rocketseat

🧪 Technologies This project was developed using the following technologies: React Native Expo 🚀 Getting started Clone the project and access the fol

Projeto da 6 NLW de React da @Rocketseat, desenvolvido utilizando Firebase, Styled-Components e Typescript.
Projeto da 6 NLW de React da @Rocketseat, desenvolvido utilizando Firebase, Styled-Components e Typescript.

Letmeask 💬 Crie salas de Q&A ao-vivo. Tire as suas dúvidas da sua audiência em tempo-real 🟣 Tecnologias usadas ReactJS + Typescript Styled-component

App react criado durante evento online gratuito Next Level Week 6 da rocketseat
App react criado durante evento online gratuito Next Level Week 6 da rocketseat

Letmeask e um app para gerenciar salas de perguntas e respostas, desenvolvido na 6 edição do NLW - Next Level Week proporcionado pela Rocketseat. Depl

Projeto para NLW - Rocketseat - feito em React - Instrutor dieegosf
Projeto para NLW - Rocketseat - feito em React - Instrutor dieegosf

LetMeAsk é um projeto para a trilha de React da #NLW 6 - Rocketseat https://letmeask-bf77e.web.app/ #neverstoplearning 🧪 Technologies This project wa

Projeto #02 - Ignite ReactJS (Rocketseat)
Projeto #02 - Ignite ReactJS (Rocketseat)

O projeto foi baseado no 4º módulo da trilha ReactJS do Ignite. Além do que foi construído na aula, foi criado um banco de dados com o Prisma, um CRUD de usuários e um sistema de autenticação baseado na aula de autenticação e autorização.

O dt-money é um aplicativo simples para controle financeiro, desenvolvido durante o Ignite da Rocketseat.
O dt-money é um aplicativo simples para controle financeiro, desenvolvido durante o Ignite da Rocketseat.

dt-finance Sobre o projeto O dt-money é um aplicativo simples para controle financeiro, desenvolvido durante o Ignite da Rocketseat. Formulario: Trans

Projeto realizado na trilha React da NLW 06 da Rocketseat.

👨‍💻 Projeto realizado na trilha React da NLW 06 💡 Tecnologias 📝 Projeto Letmeask é perfeito para criadores de conteúdos poderem criar salas de Q&A

(Optional) First challenge on ignite ReactJS powered by Rocketseat
(Optional) First challenge on ignite ReactJS powered by Rocketseat

Segundo desafio da trilha de React do Ignite da Rocketseat. O projeto consiste em listar filmes de uma API fake, utilizando o JSON Server. 📌 Conteúdo

Second challenge on ignite ReactJS powered by Rocketseat
Second challenge on ignite ReactJS powered by Rocketseat

Terceiro desafio da trilha de ReactJS do Ignite da Rocketseat. O projeto consiste em trabalhar os conceitos de Hooks. Rocketshoes é um projeto onde vo

Owner
Davi Vasconcelos Souza
Cursando desenvolvimento de sistemas, focando em evoluir cada vez mais e com o objetivo de virar um desenvolvedor capaz de resolver qualquer problema.
Davi Vasconcelos Souza
Repositório dedicado ao aplicativo RocketShoes que compõe o desafio 01 do módulo 02 da trilha ReactJS ministrado pela RocketSeat em seu curso IGNITE PRO

CAPÍTULO 02 - DESAFIO 01 Este repositório é composto pelo desafio 01 do capítulo 02, da especialização em ReactJS ministrado pela ROCKETSEAT em seu cu

Thiago Costa 1 Nov 21, 2021
Projeto desenvolvido durante a NLW #06, apresentado pela Rocketseat entre 20 a 27 de Junho de 2021. 💜 #NLW #ReactJS #Rocketseat

?? Projeto Let Me Ask é um projeto desenvolvido durante a Next Level Week #6, apresentado pela Rocketseat entre 20 a 27 de Junho de 2021. ?? Aula 1 Au

Lucas Santana 5 Sep 8, 2022
Projeto criado pela rocketseat durante o Next Level Week 05 - React Native

?? Tecnologias Foram usadas as seguintes tecnologias: React Native Expo Typescript Styled-Components ?? Projeto Projeto desenvolvido durante a 5ª ediç

Erik Ferreira 1 Feb 18, 2022
📜 Spacetraveling é blog que foi desenvolvido como desafio no Ignite da trilha de ReactJs da Rocketseat.

SpaceTraveling - Next.js Aplicação em formato de blog utilizando Prismic CMS ?? Sobre o projeto O projeto tem como objetivo o estudo e desenvolvimento

Tundê Cavalcante 3 Dec 14, 2021
Projeto desenvolvido durante a imersão React oferecido pela Alura

Alurakut ?? Sobre o projeto Projeto com a ideia de representar o nostálgico Orkut. Realizado durante a Imersão React oferecido pela Alura. ?? Tecnolog

Brendhon 4 Mar 25, 2022
Projeto desenvolvido na imersão React organizada pela Alura

Projeto Alurakut Imersão React Alura - 2021 Projeto desenvolvido na semana de imersão React oferecida pela escola Alura entre os dias 12 e 18/07/21 ut

Hara 8 Jan 21, 2022
Connect, discover, be free to choose between WebGL / Canvas (PIXI) / DOM or any other UI renderer

React Liberty Be free to choose between WebGL / Canvas / DOM / Native or any other UI renderer This is a React library designed to abstract renderer b

LibertyGlobal 35 Oct 7, 2022
Discover nearby devices using BLE.

Discovery Discover nearby devices using BLE. React native implementation of https://github.com/omergul123/Discovery (Android uses https://github.com/j

Yonah Forst 109 Aug 9, 2022
Discover Movies and TV shows - React Native

movieapp Discover Movies and TV shows Download APK file Download from Google Drive - v2.2.1 What's included Name Description React Native Build Native

June Domingo 1.8k Jan 7, 2023
A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powered by RAWG API.

Game Store Monorepo A full-stack web app built with NestJS and ReactJS that helps you find and discover over 500,000+ video games on your device. Powe

Vu Nguyen 120 Dec 29, 2022