Erics1337 / social-brain-contacts

Contact Keeper utilizing features derived from social brain theory

Social Brain Contacts 🧠

'Social Brain Contacts' is a react-native expo app that utilizes research in social brain theory to provide tools to users to group their phone contacts into bins. This app aims to help users manage and understand their social relationships better.

Visit the product landing page

Key Features

• Built with TypeScript for type safety and easier debugging.
• Styled with Nativewind for a flexible, Tailwind-like styling solution.
• State managed by Zustand for an easy-to-use and efficient state management.
• Based on Expo SDK 49.
• Firebase JS SDK v9 for backend email authentication.
• Custom and reusable components for ease of modifications and scalability.
• Call, Text, and Email linking with expo linking library.
• Custom hook to toggle password field visibility on a TextInput for added user convenience.
• Handles server errors using Formik for robust error management.
• Login, Signup & Password Reset form built using Formik & yup.
• Handles Forgot Password Reset using Firebase email method for user-friendly password resets.
• Uses Expo Vector Icons for visually appealing UI elements.
• Uses components from React Native Elements UI Library
• Uses KeyboardAwareScrollView package to handle keyboard appearance and automatically scrolls to focused TextInput for seamless user interaction.
• Uses react-native-app-intro-slider package for a beautiful intro screen.
• Uses dotenv and expo-constants packages to manage environment variables securely.

Installation

1. Create a new project using the Social Brain Contacts template.

git clone https://github.com/erics1337/social-brain-contacts

2. Create a .env file with your own configuration, e.g.:

# Rename this file to ".env" before use
# Replace XXXX's with your own Firebase config keys
API_KEY=XXXX
AUTH_DOMAIN=XXXX
PROJECT_ID=XXXX
STORAGE_BUCKET=XXXX
MESSAGING_SENDER_ID=XXXX
APP_ID=XXXX

3. Start the project:

• yarn ios -- open on iOS.
• yarn android -- open on Android.
• npx expo start -- start expo server.

Design

Check out the design prototype for 'Social Brain Contacts' on Figma: Social Brain Contacts App Prototype Design

Related Repositories

• Social Brain Network

🌟 Built by Eric Swanson using Expo-firebase-starter