marklewis01 / time-lapse

My first React Native app. Just a neat and resolved app to explore Expo and the React Native APIs with.

  Time-Lapse

Just a neat and resolved app to explore Expo and the React Native APIs with.

Expo Project Link

App overview video

Tech Summary

• React Native
• Expo (summary of APIs used):
  • Camera
  • Constants
  • FileSystem
  • Haptics
  • ImagePicker
  • MediaLibrary
  • ScreenOrientation
  • Sensors
  • SQLite
• TypeScript
• React Native Paper

Features

• Create multiple projects
• Overlay existing images when using camera - helps match existing photo characteristics
• Click and compare images
• Clean and simple UI
• Saves/stores images to local media library rather then filesystem, making it more intuitive for user
• Local SQLite instance to save projects and asset details
• Dark mode
• Right-to-Left support

Screenshots

Create multiple projects	Select existing or use camera	Select images to compare
Easy comparison slider	Dark mode	Right-to-Left support

Final Thoughts

The app could seem trivial in nature, however the purpose was to get acquainted with React Native and the Expo framework - the purpose of the app was secondary.

Saying the above, possible further development could be through allowing users to 'share' comparison images, or even generate timelapse videos through stitching multiple images. I did investigate stitching together videos using a React-Native FFMpeg library, however this would require ejecting from Expo, as such, it wasn't an ideal step in the project. I would consider building a server-side service which would perform the video rendering component, however again, for now that is not in the intended project scope.