Must-Watch

Description

Simple app for creating a visual list of movies/shows you want to watch. Search a movie then add it to your list.

Using omdb api.

Must-Watch is a work in progress. Features/fixes to come.

Stack

React Native
Expo
redux/redux-persist
recompose

Current Features

Search omdbapi (unofficial imdb) database for movies or tv shows.
Add/remove movies to a "watch list".
Mark movies as "watched".
List data saved locally via redux-persist.
Swipe right on searched list to for quick add.
Swipe right on added item for quick remove.

Run Development or Production via Local Machine

Install Expo CLI

yarn install -g expo-cli

Install Dependencies

yarn install

API Key & Environmental Variables

An API key can be generated from omdb.

Follow instructions in the .env.example file.

Run

yarn start

Expo Dev Tools will automatically launch in your browser.

Either follow the prompts in the terminal, or select the prompts via Expo Dev Tools.

Ensure you have your simulator running, or install Expo on your device (iOS or Google Play) and scan the QR code using the Expo app (Android) or the Camera app (iOS).

Run Production via Expo Hosted (Published)

You will need to download the Expo app on iOS or Google Play.

The project has been published and is hosted on Expo. Simply scan the QR code in the link using the Expo app (Android) or the Camera app (iOS).

Planned Future Features

Unmark items as "Watched".
Quick mark items as "Watched" using gestures.
Games List
Books List

To Do

Publish to expo.
MoveFull component too big. Break it down. Move logic from Screen to component.
General styling update.
View your saved list offline. Logic that saves full screen data into state/watch list?
General code and file structure cleanup.
Change "Seen" naming convention to "Watched".

Known Bugs to Squash

Continuing to drag list item after right swipe reveals white colour. Maybe change FlatList background colour to blue?
Certain weird movies make full-screen movie UI look weird.

marlbones / must-watch