# Connector

Prepared By: Josephine Abel

Project Name: Connector

Date Prepared: 25-07-24

## 1. Project Overview

Project Title: Compatibility Test

Project Duration: 14 days

Project Team:&#x20;

* Josephine Abel,&#x20;
* Jedidiah Oton,&#x20;
* Emmanuel Wogundu,&#x20;
* David Aroh

OBJECTIVES: \
This is a mobile app or  tool designed to provide people with a thorough understanding of their compatibility across various aspects of their relationship.

SCOPE\
It uses a detailed questionnaire to gather information about their communication styles, values, financial habits, life goals, and conflict resolution strategies. Based on the responses, the tool generates a compatibility score and offers personalized feedback to help people identify strengths and areas for improvement.

## 2. Project Plan

* Timeline: 14 days&#x20;
* Milestones: Brainstorms sessions, content description, design and presentation.
* Resource Allocation:&#x20;
* Risk Management: Nil

## 3. Requirements

* Functional Requirements: User-friendly interface
* Detailed questionnaire covering key aspects of relationships
* Compatibility analysis algorithms
* Personalized feedback and recommendations

## 4. Design Documentation

* System Architecture:&#x20;
* UI/UXDesigns:<https://www.figma.com/design/jMOO1Gc6FSV9LVzlYWecnO/Compatibility?node-id=0-1&t=Or0UoDOTBCx3q1cE-1>
* API Documentation:&#x20;
* Development Methodology:&#x20;
* Sprint Planning:&#x20;

**Sprint 1: Week 1**

Day 1: Requirements and Initial Setup

Tasks:

* Finalize detailed requirements and user stories.
* Set up version control (GitHub).

Day 2-4: Design and Prototyping

Tasks:

* Create wireframes and mockups using Figma.
* Review and finalize the UI/UX design.

Day 5: Frontend Setup

Tasks:

* Set up the frontend environment with jsx.
* Develop the basic layout and navigation.

Day 6-7: Questionnaire and Scoring Algorithm

Tasks:

* Implement the questionnaire interface.

**Sprint 2: Week 2**

Day 8-9: User Profiles and Dashboard

Tasks:

* Develop user profile management for ability to share with partner.
* Implement the dashboard to display compatibility results.

Day 10: Integration and Testing

Tasks:

* Integrate frontend.
* Perform unit testing on core functionalities.

Day 11-13: Bug Fixes and Improvements

Tasks:

* Address bugs and incorporate feedback from UAT.
* Optimize performance and refine UI/UX.

Day 14: Deployment

Tasks:

* Prepare and deploy the app to a staging environment.
* Perform final checks and deploy to production.

#### Technical Specifications

Deployment:

* Environment: Vercel (Frontend)  <https://connect-or.vercel.app/>
* CodeRepository: <https://github.com/DavidAroh/drop-s1-compatibility-test/tree/frontend>:&#x20;

Compatibility Scoring Algorithm:

* Input: User responses to the questionnaire
* Process: Compare responses against predefined criteria
* Output: Compatibility score and detailed analysis

&#x20; Frontend:

* Language: JavaScript
* Styling: Vanilla CSS

## 6. Project Outcomes

Final Deliverables: Compatibility Test App

* Frontend web application.
* User registration.
* Questionnaire interface.
* Compatibility scoring algorithm.
* Displaying compatibility results.&#x20;

Performance Metrics:&#x20;

* User Registration Time.
* Waiting for partner time.
* Question completion rate
* Response Time
* Score check
* Client Feedback:&#x20;

## 7. Lessons Learned

Challenges Faced:&#x20;

* Integration issues: No API provided&#x20;
* Adding JIX to the code
* Setting timer to the splash screen

Solutions Implemented:&#x20;

* Generated JIX from the figma link.&#x20;

Best Practices:

* Clear Requirements: Ensure requirements are well-defined and understood.
* Iterative Development: Develop and test in small, manageable increments.
* Code Reviews: Regular code reviews to maintain code quality and catch issues early.
* User Testing: Involve real users early to gather feedback and improve usability.
* Documentation: Maintain comprehensive and clear documentation for both developers and users.

## 8. Appendices

* Additional Documentation:&#x20;

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://handbook.renaissancelabs.org/engineering/project-ideas/connector.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
