hswolff / react-everyday

React Everyday

I'm trying to make an app for the month of September.

I'm also going to try to video log it along the way.

Please wish me all the luck.

<3

Developer Setup

1. Clone this repo
2. npm install
3. npm start

Roadmap

An outline of the screens we're going to make.

Project List Screen

• List of projects
• Data to show for each item
  • Title
  • Show last photo taken if it exists
  • Number of photos taken
  • Start of first photo and last photo
• Can add a project

Add Project Screen

• Prompt just for a title

Data Management

• https://facebook.github.io/react-native/docs/0.56/asyncstorage
• https://github.com/aweary/react-copy-write
• Cache dates that have pictures in data and lazily sync when a project is loaded
• https://docs.expo.io/versions/v29.0.0/sdk/filesystem
• Add TypeScript definitions to the Selector component of react-copy-write
• Migrate off of react-copy-write to plain React Context

Project Screen

• Render calendar https://github.com/wix/react-native-calendars
  • For day that has a picture show it
  • For future days grey it out
  • For days that don’t have a picture show the number of the day
  • When a user clicks on a day open the camera screen
  • When a user clicks on an image it brings them to the CameraScreen in preview mode
• Show edit icon in top right
  • Delete project
  • Rename project
  • Export project
  • Reminders.
  • Reset alignment guides
• Show play icon
  • Stitch together all pictures into a video
  • Control FPS
  • Whether it loops
  • https://github.com/dev-labs-bg/swift-video-generator
  • https://docs.expo.io/versions/v30.0.0/expokit/

Camera Screen

• https://docs.expo.io/versions/v29.0.0/sdk/camera
• Flip front or back camera
• Flash on or off
• Show / hide alignment guides
• Close camera
• Take photo
• After take photo show preview.
• Then allow user to retake or accept
• Allow a user to pick a photo from their photo library
• Persist camera settings. i.e. front/back camera, flash setting, etc.

Add alignment guide support

• Do automatically when first take a photo in a new orient
• Add option menu to reset alignment guides
• Save positions in project data
• https://facebook.github.io/react-native/docs/0.56/panresponder

Add ability to set reminders to take photo

• https://docs.expo.io/versions/v29.0.0/sdk/notifications
• When a user clicks on a reminder opens to the project and opens the camera
• Add to list of edit options on project page

Miscellaneous

• Lock orientation to portrait
• Add support for deep linking to a project
• Find final name
• Create logo
• Migrate to Function Components and use Hooks