A react native app for android and iOS to browse plants and related products for your garden. Distribution with expo. Code originally written by dribbble2react. This is my implementation of same design.
Original screen designs : Dribble
- Rename the
config.sample.jsfile placed in root toconfig.js - Replace
YOUR-UNSPLASH_APPLICATION_IDandYOUR-UNSPLASH-SECRETbelow with your unsplash application_id and secret respectively. You can register in unsplash here.
- All dimensions in React Native are unitless, and represent density-independent pixels. Setting dimensions this way is common for components that should always render at exactly the same size, regardless of screen dimensions. Due to this, the application does not scale well on Tablets and different size devices. Will be looking to solve that issue. Will also need to use dynamic font sizes (rem?).
- The implementation is iOS-first and hence there are certain issues when running the app on android devices (elevations etc). Need to fix that.
- Browse Screen uses a very ineffcient way to implement tabs, and only shows list of categories in all three tabs. Would be replacing the tabs with react-native's tab-view and navigation. Will be showing categories, articles and galleries in the three tabs.
- Explore Screen's images rendering is hardcoded. Will be replacing with a Pinterest-like Staggered Gridview for dynamic image sizes.
- Will be working on implementing and dark mode of application.
- Will allow users to save/bookmark articles and galleries.
- Product Screen's gallery does not have steps. Not very intutive that it represents a list. Will add step indicators in the gallery.