TV App Challenge

This project is a solution for how to solve a challenging tv series app following best practices.

⬇️ How to get started

• git clone git@github.com:Chasty/tv-maze-app.git
• cd tv-maze-app
• yarn install

🏃‍♀️ Running the app

• yarn start
• Press a if you want to run the app on android
• Press i if you want to run the app on ios

📱 Preview

tv-maze-app-preview.mov

💻 Tech Stack

• React Native
• Expo Router V2
• Expo Image

🧭 Navigation Structure

app/
  _layout.tsx # Stack
  [...missing].tsx
  [id].tsx # route screen for details of a serie
  +html.tsx # for web
  episode-details.tsx # route screen for  details of a episode
  index.ts # route screen and initial screen for showing series/shows
  modal.tsx # route for a modal to show the PIN authentication

📁 Project Structure

• app - The navigation structure with all the the screens on the app.
• components - The reusable components by the app
• constants - Constants for the app
• hooks - Exposed hooks for fetching series and seasons
• models - Models according to what the api services respond.
• services - Network abstraction layer to interact with api endpoints
• utils - Utility functions for mutating and transforming data