TVMaze App

An app to search shows, people, and favorites

TvMaze API

Features

Pin code

Ios	Android
locker-screen-ios.mov	locker-screen-android.mov

Show list with paging scheme

Ios	Android
paging.scheme.-.ios.mov	paging.scheme.-.android.mov

Search show

Ios	Android
search.show.-.ios.mov	search.show.-.android.mov

Show details

Ios	Android
show.details.-.ios.mov	show.details.-.android.mov

Favorite

Ios	Android
favorite.-.ios.mov	favorite.-.android.mov

Search people

Ios	Android
search.people.-.ios.mov	search.people.-.android.mov

Design

I did it with inspiration on Netflix

Link to Figma

React Native

React-Native

• Version ~> "0.70.1"

🏗 Running

• Pre running (Android | Ios)
  • run npm install
• IOS:
  • run npx pod-install && npx react-native run-ios
• Android:
  • run npx react-native run-android

Folder structure

Model–view–viewmodel (MVVM)

Watch the video about mvvm | Portuguese

TVMaze
.
.
├── android                     # Native android files
├── ios                         # Native ios files
├── src                         # Source files
│   ├── @types                  # Contains all global definitions of types and interfaces
│   ├── assets                  # Contains Js bundles assets. e.g: icons, images etc...
│   ├── common                  
│   │   ├── components    
│   │   ├── constants
│   │   ├── contexts
│   │   ├── hooks
│   │   ├── models
│   │   ├── utils
│   ├── Navigation     
│   │   ├── BottomTabNavigator
│   ├── repositories           # Contains external and api services
│   ├── screens
│   │   ├── view
│   │   ├── controller
│   │   ├── styles              
│   ├── App                     # Aplication entry
.
.
├── index                       # Bundle entry
.
.
└── README.md

Download the app

Releases

Releases

PR

PR #1