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 saved contacts.
   • It has the option to add a new contact on the top right.
   • User can edit contact by tapping on contact.
3. Create new contact:
   • User can add a new contact to his address book by filling details here.
4. Dark/Light Mode:
   • App supports Light & Dark mode, user can change mode by going into device dark mode settings.

Pre-requisites

• Android device or emulator running API 21 (5.0 - Lollipop) or above
• Android SDK 29
• Android Studio 4.1.1+
• 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!