This application, including the file structure, was created to demonstrate the software architecture and some React Native skills.
App architeture: This application architecture tries to exploit Atomic Design pattern, which bring more organization to files.
Under the hood:
- React Native 61.5;
- Some good spices ( :D);
What you can expect (BAD):
- Bugs (off cource :D);
- Weak form fields validations;
- Missing tests on some modules;
- Some profile images are loaded from internet, the you can face delay to download if no good connection;
What you can expect (GOOD):
- Sketch App file with screens prototypes included in the root directory;
- Pixel perfect screens and components;
- Some Animations with Lottie and Animatable ;
- UX Trends like gradients, micro interactions and another nice stuffs;
- I18n including english and portuguese languages.
- Good and centralized stylization;
- Data persistence with Redux Persist;
- Custom splashscreen with the product logo, as it should be (sorry, I don't like to spoil the design);
- Developer contact and information are on the right Drawer menu.
- Was tested on Android and iOS;
Design:
- Logo based on O Boticário identity;
- The font used in logo is Bodrum Sweet;
- The font used in app content is Montserrat;
All data generated inside the app, is persisted on local storage, no API calls to save data online.
There is no profile screen to change data, but you can do logout and purge Redux store on developer menu.
Some fake posts are present on initial state, then when you create account this posts will be there.
The posts are limited to 280 characters, and you will be advised by the graphical counter on the post input field.
This is a good structure to start new React Native projects, it can save a lot of time to jump start.
Contact:
- João Belem Junior
- junior.jb@gmail.com