React Native Learning App Theme v 1.0.2
A flexible & fully customizable UI theme focussed on simplicity, making it a lot easier for you to start building your online learning platform just like Udemy, Linkedin Learning. Built using React Native, Expo, NativeBase, Formik & Storybook.
Note: This product is available with Expo client.
Support Terms
Development Environment
Eye soothing UI, perfectly designed for building Learning App
Fully customizable, ready-to-use screens for users with easily configurable application design.
- ● Splashscreen
- ● Intro Page
- ● Login
- ● Sign Up
- ● Available Courses
- ● My Courses
- ● Search
- ● Profile
- ● Edit Profile
- ● About Course Details
- ● Course Reviews
- ● Course Lesson
- ● Saved Courses
- ● Congratulations Page
Available Features
- Formik for organized flow throughout the app, handles form submission, manages validation and error messages
- Uses Styled - components that allows to write actual CSS code for styling components
- Comprises of Storybook, open source tool to develop UI components in isolation
- Absolute imports via babel-module-plugin-resolver plugin
Technologies Used
- React Native
- Expo
- NativeBase
- Formik
- Styled components
- Storybook
Quality Code
- ESlint, for code quality
- Prettier for pretty, formatted JavaScript code
- Test cases with Jest
Perfectly native look and feel with React Native
Interested in Flutter Version?
Take a look at Flutter Learning App Theme.
Package
React Native Learning App Theme
- ● @expo/vector-icons: ^10.0.0
- ● @react-native-community/art: ^1.2.0
- ● @react-native-community/masked-view: 0.1.6
- ● expo: ^37.0.0
- ● expo-av: ~8.1.0
- ● expo-font: ~8.1.0
- ● formik: ^1.4.3
- ● native-base: ^2.13.12
- ● react: 16.9.0
- ● react-native: https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz
- ● react-native-easy-toast: ^1.2.0
- ● react-native-elements: ^1.1.0
- ● react-native-gesture-handler: ~1.6.0
- ● react-native-image-progress: ^1.1.1
- ● react-native-keyboard-aware-scroll-view: ^0.9.1
- ● react-native-modal: ^7.0.2
- ● react-native-progress: ^4.1.2
- ● react-native-reanimated: ~1.7.0
- ● react-native-safe-area-context: 0.7.3
- ● react-native-screens: ~2.2.0
- ● react-native-slider: ^0.11.0
- ● react-navigation: ^4.3.9
- ● react-navigation-stack: ^2.5.1
- ● react-navigation-tabs: ^2.8.13
- ● styled-components: ^4.1.3
- ● yup: ^0.26.10
- ● @storybook/addon-actions: ^4.1.13
- ● @storybook/addon-links: ^4.1.13
- ● @storybook/addons: ^4.1.13
- ● @storybook/react-native: ^4.1.13
- ● babel-core: ^6.26.3
- ● babel-plugin-module-resolver: ^3.1.3
- ● babel-preset-expo: ^8.1.0
- ● babel-runtime: ^6.26.0
- ● eslint: ^5.13.0
- ● eslint-config-universe: ^1.0.7
- ● jest-expo: ^37.0.0
- ● prettier: ^1.16.4
- ● prop-types: ^15.7.2
- ● react-dom: 16.9.0
- ● react-native-storybook-loader: ^1.8.0
- ● react-native-testing-library: ^1.6.0
- ● react-test-renderer: ^16.8.4
Scan with Expo