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

https://github.com/dutragames/app-movies

App movies interface
https://github.com/dutragames/app-movies

app mobile movies-api react-native typescript

Last synced: 3 months ago
JSON representation

App movies interface

Awesome Lists containing this project

README

        

# App Movies

## ๐Ÿ“ฐ**Description**:

A simple app created with expo, referring to the interior 4 of channel [Sujeito Programador](https://www.youtube.com/channel/UCLc5Bq2yfs-S3Zse3ZFRMEQ).
Where I developed in a way that suits my taste and need.

Hope this little code can help people learn how to use expo and TypeScript. :D

## ๐Ÿ‘จโ€๐Ÿ’ป**Technology**:

![GitHub package.json dependency version (dev dep on branch)](https://img.shields.io/github/package-json/dependency-version/DutraGames/app-movies/dev/typescript)

![GitHub package.json dependency version (subfolder of monorepo)](https://img.shields.io/github/package-json/dependency-version/DutraGames/app-movies/expo?style=flat)
![GitHub package.json dependency version (subfolder of monorepo)](https://img.shields.io/github/package-json/dependency-version/DutraGames/app-movies/styled-components)
![GitHub package.json dependency version (subfolder of monorepo)](https://img.shields.io/github/package-json/dependency-version/DutraGames/app-movies/react-native-stars)
![GitHub package.json dependency version (subfolder of monorepo)](https://img.shields.io/github/package-json/dependency-version/DutraGames/app-movies/@react-native-async-storage/async-storage)
![GitHub package.json dependency version (subfolder of monorepo)](https://img.shields.io/github/package-json/dependency-version/DutraGames/app-movies/axios)
![GitHub package.json dependency version (subfolder of monorepo)](https://img.shields.io/github/package-json/dependency-version/DutraGames/app-movies/@react-navigation/native)

## ๐Ÿ“ท**Images**:

![image](https://user-images.githubusercontent.com/69097449/136864692-3d1635e7-9518-49fb-b4d3-a32b0db87741.png)

### **app home page**

![image](https://user-images.githubusercontent.com/69097449/136865118-44c8afdf-0610-4fbf-aeb4-c7aae8966768.png)

### **app about page**

![image](https://user-images.githubusercontent.com/69097449/136865214-54c9b89c-23fb-4c29-b6c7-f36c602bfc3f.png)

### **Movie Details, where it shows an image of the movie, the title and description.**

![image](https://user-images.githubusercontent.com/69097449/136865489-b9dd1002-ffa9-4aa5-8b17-0afda9b14ffe.png)
ยด
### **app FavoriTE page**

![WhatsApp Image 2021-10-11 at 8 11 35 PM](https://user-images.githubusercontent.com/69097449/136865813-c1f7d4cd-fb0d-4252-b257-b8d44a94de43.jpeg)

### **Share function**

## **โ“How to use?**

Open [api.ts]("https://github.com/DutraGames/app-movies/blob/main/src/api.ts") and change the key value to yours.

```ts
import axios from "axios"

const api = axios.create({
baseURL: 'https://api.themoviedb.org/3'
})

export const key = 'you key'

export default api
```