Navbar IconSocial Brain Contacts

Technical Documentation

App Architecture

'Social Brain Contacts' is a React Native Expo app that organizes phone contacts into bins based on Social Brain Theory. The app is structured to facilitate easy navigation and efficient management of social relationships.

Technologies Used

The app is built with TypeScript for type safety and easier debugging. It uses Nativewind for Tailwind-like styling, Zustand for state management, and the Firebase JS SDK v9 for backend email authentication.

Key Features and Libraries

Key features include call, text, and email linking with the Expo linking library. The app leverages custom and reusable components, Formik with yup for form handling, React Native Elements for UI elements, and various other libraries for enhanced UX.

Installation and Setup

Installation involves cloning the repository, setting up environment variables in a '.env' file, and starting the project using commands like 'yarn ios', 'yarn android', or 'npx expo start'.

Design Prototype

The design prototype of the app can be viewed on Figma. This includes detailed design elements and layouts for various screens in the app.

View Design Prototype

Contributing to the Codebase

Developers interested in contributing to the app can find more information and guidelines in the GitHub repository.

Additional Resources

For more in-depth technical documentation, visit the Social Brain Contacts site on spreading.io.