AddressBook.ReactNative

Overview

This repository contains Address Book application for react-native that shows design & coding practices followed by Differenz System.

The app does the following:

1. Login: User can login via facebook or email/password.
2. Home: It will list all the save contacts, having the option to add a new contact on the top right.
3. Create new contact: User can add a new contact to his address book by filling details here.

Pre-requisites

• Android device or emulator running API 16 (4.0.3 - Ice cream sandwich) or above
• Android SDK 27
• Android Studio 2.3.0+
• Node js
• XCode
• Visual Studio code
• React-native-cli

Getting Started

1. Install Android Studio
2. Install XCode
3. Clone this sample repository
4. Open Terminal, go to location of the repo
5. Enter command "react-native run-android" or "react-native run-ios"

Key Tools & Technologies

• Database: react-native Async storage
• Authentication: Facebook login
• API/Service calls: fetch API
• IDE: Android studio, XCode, VSCode
• Framework: React native

Troubleshooting

(Mac OS)While running command (react-native run-ios), you are expected to have given error: "launchPackager.command" can't be opened.

To resolve this you can attempt given steps:

Go to System Preferences->Security & Privacy->Choose tab General->Allow launcherPackager.command and re-run command

wait while node js loads all the bundles and then refresh in simulator.

Screenshots

Android

iOS

Support

If you've found an error in this sample, please report an issue. You can also send your feedback and suggestions at [email protected]

Happy coding!