showcase purposes only

built with React Native

About The App

As a Learning Management System, as well as a B2B-marketed app, companies are able to create course lessons and assessments. Lessons can be a video, an audio, a document or a link. Users also take assessments and surveys. Scores are then generated, admin users are able to see reports and charts about the courses and users. Users also gain badges as they continue to take courses and pass them.

Customizations to the core features can also be applied depending on the client's request. Whether they want their customizations to be housed in a white-labeled app or just use the core version and load them dynamically.

About ProSpark

https://prospark.co/
ProSpark is a global, user-friendly Learning Management System (LMS) that enables companies to onboard, train, certify, conduct knowledge transfer, collaborate, and connect their customers and employees.

My Contribution

Solely built the app from the ground-up for both Android and iOS

Store Listing

Google Play Store
https://play.google.com/store/apps/details?id=com.prospark

Apple Store
https://itunes.apple.com/us/app/prospark-transforms-learning/id1438625157?ls=1&mt=8

White-labeling

TAF Learning - built for Toyota Astra Finance
Pustaka SLU - built for Asuransi SLU
Home Credit - built for Home Credit Indonesia
Aside from having their own project setup, customized app icon, splash screen and their own store listing in Google Play Store or Apple Store, these apps also has their own customized UI/UX, business logic, etc

Dynamic customizations via CodePush + GIT

This feature enables the core version of the app to apply client-specific customizations without having to build a dedicated app or project and without having to submit in Google Play Store and Apple Store.

The way to achieve this is by using over-the-air-updates and source code versioning, in this case, CodePush and GIT respectively.

Notable Features

• Dynamic customizations using CodePush and GIT
• Supports 3 languages: English, Bahasa and Vietnamese
• Chat
• QR Code scanning
• Local storage
• Analytics using Firebase
• Network connectivity detection
• Display charts
• File browsing and photo capturing
• Play audio and video
• View PDF documents

Notable Libraries Used

• axios
• react-native-camera
• react-native-code-push
• react-native-device-info
• react-native-fetch-blob
• react-native-file-picker
• react-native-firebase
• react-native-image-picker
• react-native-orientation
• react-native-pdf
• react-native-restart
• react-native-root-toast
• react-native-sound
• react-native-splash-screen
• react-native-storage
• react-native-svg-charts
• react-native-vector-icons
• react-native-video
• react-navigation
• react-redux
• redux
• redux-persist