Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions modulo6/the-movie-db/package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{
"name": "the-movie-db",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
23 changes: 23 additions & 0 deletions modulo6/the-movie-db/the-movie-db/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
64 changes: 64 additions & 0 deletions modulo6/the-movie-db/the-movie-db/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
<p align="center">
<a href="https://tmdb-movies.netlify.app/">
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6e/Tmdb-312x276-logo.png" alt="Logo TMDB" title="Logo TMDB" />
</a>
</p>

<h4 align="center"> 🌟 TMDB ReactJs 🌟 </h4>

#

<p align="center">
Um React app construído com React consumindo a api pública do TMDB.
</p>



<p align="center">
<a href="#demo">Demo</a> •
<a href="#bibliotecas">Bibliotecas</a> •
<a href="#iniciando">Iniciando</a>
</p>


# Demo
igor-tmdb.surge.sh

## Bibliotecas

As principais bibliotecas usadas nesse projeto:

| Biblioteca | Descrição |
| :-------------:|--------------|
| [React](http://facebook.github.io/react/index.html) | Uma biblioteca JavaScript para criar interfaces de usuário. |
| [Router Dom](https://reactrouter.com/) | O React Router Dom é uma lib completa para controle de rotas. |
| [Axios](https://github.com/axios/axios) | Cliente HTTP baseado em promessa para o navegador e node.js. |




# Iniciando

- Clonar esse repositório

```

- Instale as dependências

```
yarn install ou npm install
```

- Pegue uma API KEY em [TMDB](https://www.themoviedb.org). Faça login usando sua conta e navegue até [TMDB Configurações da conta](https://www.themoviedb.org/settings/api). Copie a API KEY (v3 auth)

- Cole isso no seu arquivo **/constants/api_key.js** e salve

```
API_KEY = COLE_SUA_API_KEY_AQUI
```

- Agora é só rodar **yarn start** ou **npm start**

- A aplicação irá abrir no seguinte endereço `http://localhost:3000`

- Bons estudos pra você! 😀😀😀
Loading