Cedar-Create System Requirements Document

1. Introduction

Cedar-Create is a mobile application designed to extract and organize contact details from images of visiting cards and pamphlets. The application will utilize advanced image processing and text recognition technologies to accurately capture and categorize information such as mobile numbers, addresses, email IDs, company names, and person names.

2. System Overview

Cedar-Create aims to simplify the process of managing contact information by allowing users to take photos of visiting cards or pamphlets and automatically extracting relevant details. This application will be particularly useful for professionals who frequently network and need to manage large volumes of contact information efficiently.

2a. Source Content Inventory

No authoritative content sources provided.

3. Functional Requirements as Story Points

• As a User, I should be able to take a photo of a visiting card or pamphlet to extract contact details.
• As a User, I should be able to view extracted contact details such as mobile number, address, email ID, company name, and person name.
• As a User, I should be able to save the extracted contact details to my device.
• As a User, I should be able to edit the extracted contact details before saving them.
• As a User, I should be able to organize saved contacts into categories or groups.
• As a User, I should be able to search for contacts by name, company, or other details.
• As a User, I should be able to share contact details via email or messaging apps.

4. User Personas

• Professional Networker: Frequently attends events and needs to manage a large number of contacts efficiently.
• Salesperson: Requires quick access to contact information to follow up with potential clients.
• Event Organizer: Manages contacts for event coordination and follow-ups.

5. Core User Flows

• User takes a photo of a visiting card -> App processes the image -> Extracted details are displayed -> User edits and saves details -> Contact is added to the user's list.
• User searches for a contact -> Enters search criteria -> App displays matching contacts -> User selects a contact to view details.

6. Visuals Colors and Theme

• primary: #1E90FF (Dodger Blue)
• primary_light: #63B8FF (Light Sky Blue)
• secondary: #FFD700 (Gold)
• accent: #FF4500 (Orange Red)
• highlight: #32CD32 (Lime Green)
• bg: #FFFFFF (White)
• surface: #F8F8FF (Ghost White)
• text: #000000 (Black)
• text_muted: #696969 (Dim Gray)
• border: #D3D3D3 (Light Gray)

7. Signature Design Concept

Interactive Contact Carousel: The homepage will feature an interactive carousel of contact cards. Users can swipe through a 3D stack of cards, each representing a contact. When a card is tapped, it flips to reveal detailed contact information. The carousel will use @react-three/fiber for 3D effects and motion/react for smooth transitions. The background will subtly change colors based on the time of day, providing a dynamic and engaging user experience.

Landing Hero Motion Brief

The landing page will feature a continuously moving 2D animation where a camera icon captures an image of a visiting card, which then transforms into a digital contact card. This animation will loop every 10 seconds, illustrating the app's core functionality. The animation will be built using motion/react and CSS for seamless integration and performance.

8. Interaction Model & Motion Direction

• Interaction Model: Animated
• The landing page will feature moderate scroll-triggered reveals and hover transitions. Interactive elements will have spring physics for a polished user experience.

9. Non-Functional Requirements

• The application must process images and extract contact details within 5 seconds.
• The application should support offline access to saved contacts.
• The application must ensure data privacy and secure storage of contact information.

10. Tech Stack

• Frontend: React Native for mobile app
• Backend: Python, FastAPI
• Database: MongoDB
• AI Models: Google Nano banana for image generation
• AI Tools: Litellm for LLM Routing
• Local Orchestration: Docker, docker-compose

11. Assumptions and Constraints

• The application will primarily target users in India, considering locale-specific defaults such as currency and timezone.
• The application will support English as the primary language for the user interface.
• The application will require internet connectivity for initial image processing but will allow offline access to saved contacts.

12. Glossary

• Visiting Card: A small card with a person's name, company, and contact details.
• Pamphlet: A small booklet or leaflet containing information or arguments about a single subject.
• Contact Details: Information that allows a person to be contacted, such as phone number, email address, etc.