ikhsanuddin / movie-db-react-native

Movie OPEN DB with React Native Expo

Home Page:https://snack.expo.dev/@ikhsanuddin/ikhsanuddin-use-expo-again

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Study Over React Native and Expo

I created a moviedb app using react native.

I have not use react native from 2019, and now let's study over again.

Result

This App use some depencencies, including

  • React-Native-Paper as our default UI Components
  • Use React-Navigation
  • Use React Hooks, an all file was in functional components
  • Use Typescript
  • Use Fetch API as request

TO-DO:

  • Enhance UI with Another UI
  • Make Some Extra Scrren
  • Tries Authentication
  • Use AcyncSyorage

Screenshoot

Step 1 Step 2 Step 3 Step 4
step 1 step 2 step 3 step 4

The Result Index

  1. The app harus ada search input field dan "Search" button ✅

  2. When the user enters a movie title in the search input field and clicks the "Search" button, the app should display a list of movie results. ✅

  3. Each movie result should show the movie title, year of release, and a small poster thumbnail. ✅

  4. Tapping on a movie result should navigate to a detail screen that displays more information about the selected movie, ✅

  5. Implement error handling and display appropriate messages if there are any API errors or no movie results found.(optional) Bonus:

    • implement pagination or infinite scrolling for the search results.
    • Add a "Favorites" feature

About

Movie OPEN DB with React Native Expo

https://snack.expo.dev/@ikhsanuddin/ikhsanuddin-use-expo-again


Languages

Language:TypeScript 97.7%Language:JavaScript 2.3%