Galleria

A React Native mobile application that display infinite scroll of images with fast image loading
and caching mechanism.
Since this app behave like a Gallery image app, I decided to call it Galleria.

Results

• Splashscreen
• Intro screen
• Infinite Scrollable Masonry List displaying images in the home screen
• Display option for image item on click (See in Fullscreen , Share on social media , Save to phone gallery)
• Fast image loading
• Cache for images
• Cache for Request
• Expo setup with Bare-workflow
• Working on iPhone and Android Devices (Tested)
• Fixed known bug for images display in iOS 14. bug reference here
• Documentation
• Implemented some Units and snapshot tests to ensure that app behave as expected (Work In Progress)

Preview #1

Preview #2

Used

• React Native (with Hooks)
• Typescript
• Expo + Bare workflow
• React Navigation
• Jest + Enzyme
• Others (See package.json at the root folder)

Get Started

1. Clone the Repo

On the command prompt run the following commands

$ git clone https://github.com/Doha26/Galleria.git

 $ cd Galleria
 
 $ yarn  OR npm install (if you are using npm )

 $ grep -rl "s.dependency 'React/Core'" node_modules/ | xargs sed -i '' 's=React/Core=React-Core=g' // To replace React/Core with React-core for all dependencies that use it

 $ react-native link
 
 $ cd ios && pod install && cd.. (For iOS build)
 
 $ react-native run-ios  OR  react-native run-android

Dev environment

• System:
  • OS: macOS 10.15.6
  • CPU: (8) x64 Intel(R) Core(TM) i7-4980HQ CPU @ 2.80GHz
  • Memory: 974.53 MB / 16.00 GB
  • Shell: 5.7.1 - /bin/zsh
• Binaries:
  • Node: 12.18.3
  • Yarn: 1.17.3
  • npm: 6.14.6
  • Watchman: 4.9.0
• SDKs:
  • iOS SDK:
  • Platforms: iOS 13.7, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
• IDEs:
  • Android Studio: 4.0 AI-193.6911.18.40.6626763
  • Xcode: 11.7/11E801a

Author

• Pavel Foujeu

Done with React-native

• Instagram Clone
• MetFlix