"Expo Snack is an open-source platform for running React Native apps in the browser. It dynamically bundles and compiles code and runs it in the Expo Client or in a web-player. Code can be saved as "Snacks" and easily shared with others."
read more about Expo Snack here and here
A simple mobile app made with React Native to display a list of users.
Each user in the list has a profile view with extended contact information, accessible by tapping their entry in the list.
Data is recieved from https://jsonplaceholder.typicode.com/users api, and images are supplied from https://pravatar.cc/ using the user response key as the unique identifier, so the images are not randomly assigned each time.
Toggle the upper right button to switch from light to dark mode.
Orientation is currently locked to portrait mode to ensure no unexpected ui changes on orientation change. Later iterations to include a specific landscape design implementation as well as logic to listen for orientation changes.
Run the following commands in your terminal
Option 1:
Run Metro Bundler
yarn start
Open XCode workspace project and press play button to run build
Option 2:
Start Metro Bundler and launch iOS Simulator without XCode
yarn ios
yarn android
To get started, follow these steps:
Run the following commands in your terminal
yarn fresh-install
Run the following command in your terminal
yarn test
This app supports Storybook
To run storybook environment, replace App.js contents with export default from './storybook';
Remove node modules, build folder, and podfile
yarn full-clean
Contributions are not currently accepted and app is not actively maintained. Created as a skill sample for interviewing.
This application is covered under the MIT license
For any questions, please reach out to puakehaulani.dev@gmail.com
dev repo
|
dev website