Changelog

Enhanced Features and Functionalities

Email Verification and Tenant Services:

• Added an email verification API route.
• Introduced getDocuments method in the LeaseService for fetching lease documents.
• Added hooks like useGetLeaseDocs and useGetLeaseSignatureStatus to fetch and manage lease signature statuses.

UI and Component Enhancements:

• Added isDisabled prop to UploadButtonAlt component.
• Implemented lazy loading for images in the dashboard to improve performance.
• Introduced new components like Tag for the entities page and Marquee for announcements.
• Added a toggle for first payments before move-in, and a custom payment field for leases.
• New UI functionalities like uploading receipts in the payment service and status tags for inventory pages.

Tenant and Lease Management:

• Introduced a move-in date field in the inventory form.
• Added student details and new questions to guarantor forms.
• Implemented a toggle for the first payment before move-in, and added clauses to tenancy summaries.
• Added diagnostic cards for reviewing tenancy applications and new task properties for contractors, maintenance, and leases.

Booking and Application Improvements:

• Added an application toggle for listings and a student booking form feature.
• Enhanced application forms, improved the booking form’s code quality, and introduced a new stats feature for tenancy applications.
• Enhanced the lease renewal and append process UI.

Finance and Task Management:

• Enhanced the payment schedule form with a minimum management fee input.
• Introduced reminders and stats for tasks, allowing better financial and task overview management.
• Added actions to all management detail pages for seamless task handling.
• Bug Fixes

UI and Layout Corrections:

• Fixed dynamic width and alignment issues on various components.
• Adjusted hover states and improved readability on status checkboxes and management details pages.
• Fixed inventory table statuses and enhanced the co-tenancy color scheme for better user experience.

Application and Data Fixes:

• Resolved crashes related to tenant payments and tenancy processes.
• Fixed tenancy form bugs for students, and added custom clauses to lease options.
• Corrected receipt placements and resolved issues with date ranges for payment tables.

System Stability Improvements:

• Adjusted queries for accurate data retrieval on tenant actions.
• Resolved translation errors for Europe and South Africa.
• Improved help text error handling and fixed import issues that affected various features.
• Miscellaneous Chores

Code Refactoring and Dependency Updates:

• Refactored the inventory form for better organization, and removed unused imports and components to improve performance.
• Updated npm dependencies and enhanced layout components.
• Introduced new hooks and components like CustomAlert to tenancy pages, improving error handling and feedback mechanisms.

General Enhancements:

• Improved dark mode support across the platform.
• Added event tracking for tasks and application confirmations for better auditing and navigation.
• Enhanced the ListingsReviewApplication component and added student tenancy features.

UI Customization and Conditional Rendering:

• Added conditional rendering for approval actions and task pages, ensuring smoother workflows for tenants and landlords.
• Enhanced the layout and display for append or renew lease options based on lease activity status.

These updates deliver significant improvements to Togetha’s functionality, user experience, and platform stability. New tenant and property management features, UI enhancements, and bug fixes ensure a seamless, efficient, and secure environment for property management.

Key Features and Enhancements

New Functionalities:

• Introduced the DevEmailsDrawer component for displaying developer emails, enhancing team communication and debugging.
• Added export functionality for landlords, improving data management and reporting.
• Implemented a listings carousel and view images page to enhance user interaction with property images.
• Added occupancy status for property rooms, providing better visibility into property availability.
• Introduced a viewing request category to Notifications, improving user awareness of property viewings.
• Added a "more properties" button to the interface, allowing users to explore additional listings easily.
• Launched a new mortgage calculator, helping users estimate mortgage costs efficiently.

User Experience Improvements:

• Enhanced the rent payment calendar, providing a more intuitive and user-friendly layout.
• Updated the design of the mortgage calculator for better readability and usability.
• Modified the view images feature from a page to a drawer, streamlining the viewing process.

Miscellaneous Improvements

• Implemented a rich text renderer function, allowing for more dynamic content presentation.
• Adjusted SEO for the listings page to improve search engine visibility.
• Various minor updates and import fixes were made to ensure smoother functionality.
• Removed unnecessary required properties from listings cards, improving flexibility.
• Renewed the naming conventions, including renaming button groups for consistency and clarity.
• Polished various components under the v20-polishing initiative, refining overall interface quality.

Code Refactoring:

• Added advanced referencing options in the CreateTenantStepTwo component, enhancing tenant data entry capabilities.
• Introduced the CustomMonthSelector component for the rent payment calendar, improving date selection accuracy.
• Adjusted listing URLs to reflect the organizational ID, ensuring consistency across platform routes.
• Improved styles across various components for a more cohesive user experience.
• Refactored the HeaderNav component to filter and map routes, optimizing navigation.
• Enhanced the DevEmailsDrawer component to handle empty developer emails gracefully.
• Updated the mortgage breakdown component for better readability and performance.
• Cleaned up tenant profile components by removing linkable chat profiles and fixing chat containers.
• Updated metadata generation on the listings page to support SSR (Server-Side Rendering), improving performance and SEO.
• Enhanced the MortgageCalculator component to calculate the total cost over the loan term, providing more detailed financial insights.
• Removed unnecessary imports and debug statements across various components, improving code cleanliness and performance.

Enhanced Property Management and User Experience

New Features

User Interface and Interaction Enhancements:

• Added properties to the TogethaUser interface, such as 'hasSetUpSouthAfricaBankAccount,' branch code, and account holder fields.
• Introduced a Chakra UI Button component to UK and Nigeria bank forms.
• Added a conversation drawer to the list, notifications settings to the TogethaOrg model, and a PayoutBreakdown component for managing payouts.
• Enabled support for 'en-ZA' locale in i18n configuration.
• Added a ParticleRenderer component for rendering particles on marketing pages, and a tester landlord email to login client.
• Tenants can now request edit permissions if an error is made.
• Added new properties page to listings and adjustments to make public.

Export and Reporting Functionalities:

• Added various export functionalities for expenses, payments, and maintenance.
• Added export to maintenance, and exportation of expenses table.
• Added a generate PDF for payout invoice, and payments export service.
• Enhanced search functionality, now including search folders and stats refresh.

Payout and Finance Management:

• Introduced a filter switch for showing completed issues in the maintenance client page and isLoading prop to MarkAsPaid and MarkAsUnPaid components.
• Added mgmt fee for units and support for viewing expenses for properties.
• Made adjustments to the payout table and added payouts calculation UI to properties.
• Added issuing of payouts and enhanced payout breakdown display.

Calendar and Notification Improvements:

• Added a rent payment calendar page and support for browser-based notifications.
• Enhanced the calendar structure, including invitee action to calendar events.
• Adjusted more properties visibility and map height issues.

Bug Fixes

Alignment and Display Issues:

• Fixed alignment issues and app crashing due to property tags.
• Adjusted the max height of display cards in the Client component and resolved undefined activity name on rent payments.
• Addressed UI adjustments for the landing page hero, testimonial carousel, and calendar events display card.

Functionality and Performance:

• Resolved bugs causing expenses not to work and improved dark mode rendering.
• Fixed issues preventing deployment, unnecessary refreshes, and spelling errors.
• Enhanced error message handling and reload instructions in various components.

Miscellaneous Chores

UI and Design Enhancements:

• Adjusted UI for the about page, header theme, and improved search functionality.
• Added new styles and colors for various components and adjusted the layout for better visibility and usability.
• Enhanced design and functionality in search, added custom plan creation, and improved component imports.

Refactoring and Code Improvements:

• Refactored various components for better readability and performance, such as HeaderNav, EmptyState, and InteractiveHero.
• Removed unused imports and console.log statements, and updated dependencies for improved stability and performance.
• Added error logging, tracking scripts, and improved UX for calendar events and payout statements.

General Enhancements:

• Added support for tracking page views with Plausible Analytics, and improved UI for expenses and contact management.
• Adjusted styles hierarchy, improved layout, and updated metadata images and keywords.
• Enhanced navigation UI for tablets and adjusted navigation routes based on user status.

These updates, spanning across multiple releases, enhance Togetha’s property management, user experience, developer tools, and overall performance, ensuring a smoother and more efficient platform for all users.

Enhanced Property Management and User Experience

In June, we introduced several features to improve property management and user experience. Users can now access public property pages and client components, enhancing transparency and accessibility. The new settings page for tenants and a public property details view make managing properties more straightforward. Additionally, tenants can now begin chats with landlords or agencies directly, improving communication and support.

Developer and Performance Improvements

We focused on optimizing performance and providing better tools for developers. The chat window component now displays messages in real-time, and several code refactoring efforts have improved overall performance. New components like DocumentItem and SingleInvoice model category fields were added to streamline the development process. The API endpoints for public property details were updated, and the introduction of monthly and weekly digest options enhances user engagement.

User Interface and Bug Fixes

The user interface saw multiple enhancements, including improved mobile displays for various tables and optimized image loading. Bug fixes addressed issues with chat headers, payment inconsistencies, and form submissions. We also added various new features to improve the user experience, such as the ability to assign contractors to tickets, new export options, and enhanced white-label customization for a more personalized experience.

Revamped Property Management

In May, significant improvements were made to the property management features. Users can now edit property countries directly on the edit properties page and save this information when creating new properties. Additionally, tenant management saw enhancements with the introduction of co-tenants and tenant documents upload functionality. These updates streamline property and tenant management, making it more efficient and user-friendly.

Enhanced Development Tools

To support developers, new tools and components were introduced. The Grider component and useIsDevFeatures hook were added for better layout management and feature control in development settings. Real-time messaging was implemented using the Transmit client, and the AIService was introduced to generate property descriptions. These tools aim to enhance the development experience and improve overall system functionality.

Improved User Interface and Performance

The user interface and performance received a series of updates. The chat UI was enhanced for mobile devices, info tooltips were added to various components, and the layout of the landing page was optimized. Additionally, various miscellaneous chores and code refactoring efforts, such as optimizing imports and updating client payment list styling, were carried out to improve the overall performance and user experience of the platform.

Development/Implementation

• Updated bank details screen and navigation in SettingsStack
• Implemented display preferences
• Updated settings styling
• Implemented notification preferences and communication options
• Implemented legal information and account management options
• Implemented notification options screens
• Implemented display preference settings
• Updated Tenancies to accept multiple tenants
• Refactored Tenancies Validators to accommodate multiple tenants
• Resolved and debugged issues from tenancy creation
• Created logins for cotenants to access the platform
• Implemented Cotenants onboarding process and verification emails flow
• Updated user service with new endpoint
• Updated confirm password functionality and bank details screen
• Completed implementation of update profile settings
• Completed implementation of update bank details
• Completed implementation of change password
• Refactored delete account screen
• Reviewed and merged frontend and backend codebases
• Debugged and resolved Playwright testing failing in production
• Researched Generative Playwright
• Implemented delete account functionality
• Created custom sorting component
• Implemented keyboard avoiding view for login page
• Created custom password input component
• Refactored password confirmation component
• Implemented all document screens
• Updated packages and resolved bugs with tamagui packages
• Built custom accordion component
• Implemented PDF card component
• Resolved document API endpoint issues
• Mapped document object to accordion component
• Refactored PDF component
• Built PDF card component and implemented link to PDF source
• Implemented documents functionality and tested PDF card
• Merged changes from develop branch
• Refactored and bug fixing update bank details screen
• Refactored and bug fixing bank details screen
• Refactored input password component and improved login screen, included toast notifications and event tracker in mutation components
• Flow tests on newly integrated joint tenancies feature

Design Tasks

• Redesigned payment features page to fit joint tenancies
• Designed new documents upload feature
• Adjustments to splash screens and App Store images

Others

• Review and merge of Codebases
• Reading Playwright documentations

CODEBASE WORK

• Review and update your branch from changes in the develop branch
• Refactoring of several files within codebase
• Migration of rooms and units database
• API implementation of assigning landlords to rooms and units

• Review and Merge of Codebase

TESTING

• Test Plaid payment implementation
• Write test cases for main app screen
• Implement new testing configuration to solve testing bug
• Resolve issues with environment variables not loading during testing

WEB DEVELOPMENT

• Fixed some issues on the webflow site as requested by Kenny
• Worked on landing page the webflow site
• Migrated properties, units and rooms to have the same details page

MOBILE APP DEVELOPMENT

• Set up Android Studio and download/install Android Gradle
• Resolve bugs in Android Studio and ensure it's operational
• Create branch for testing in the mobile branch
• Set up environment for testing with Jest
• Edits to account deletion flow on tenants mobile app from CTO's feedback
• Create and set up native Android app
• Design for adding card details on tenants mobile app
• Write unit tests for onboarding, forgot password, and login screens for the mobile app
• Resolve bug issues with mobile app testing

BACKEND DEVELOPMENT

• Merged unit, room, and properties dashboard details using lease entities implementation
• Refactoring properties route in backend codebase
• Implementing assigning of landlord to rooms and units
• Implementation of joint tenancy on the backend codebase

DESIGN

• Sketching and wireframing for new import lease option in creating tenancies on landlord's site
• Made design changes to joint tenancies and creating an e-lease flow from CTO's feedback
• Card design for user's bank details (UK version & European version)
• Design for notifications settings (toggle options)
• Delete account flow
• Design for maintenance flow on landlord's site
• Design for filter variations for tenants mobile app
• More setting options for tenants mobile app
• Design for properties flow from landlord's site

NEW FEATURES

• Research Adonis Attachment Lite Features and Implementation
• Implement Document Uploads and Test Payloads for Properties
• Develop Test Cases for Tenancy Routes to Ensure Robustness
• Refactor Tenancy Mobile App Codebase for Improved Structure

• Design and Develop Navigation Component for Tenancy App

ENHANCEMENTS

• Refactoring of mobile codebase and setting up async storage for storing data
• Added preliminary onboarding screen and models for data
• Review and merge of frontend codebase changes
• Redesign of new features page
• Color updates and slight layout changes on all pages for consistency on tenants mobile app
• Joint tenancies design
• Migration of maintenance models from frontend to mobile app
• Design for settings page and inner sections for settings on tenants mobile app
• Design for my documents page
• Implementation of tab navigation
• Implementation of status bar hook
• Implementing create maintenance
• Landlords sign up process redesign and onboarding redesign to fit new sign up
• Implementation of features widget
• Implementation of lease entities in frontend application

BUG FIXES

• Debugged compile-time errors
• Worked on resolving bugs
• Continued refining notification context and functionalities
• Updated notification component and implemented toast displays

• Fixed issue with payments table showing overdue for tenants
• Improved data across payment table
• Fixed issue where marking payment as moderate wouldn’t work
• Fixed rollable leases time span - initially shows leases 3 months before expiry
• Create property page mobile display fixed
• Can now select category when creating a custom payment schedule
• You can now click on a payment and chase that specific payment
• -You can specify the group of tenants(current, past or future) you want to send a broadcast too
• Can now specify a broadcast group, current, past or future tenants
• Now display tenancies by category in the tenants tab in the properties page
• Now showing tenants category in tenancy tab

• Fix algorithm used to calculate rent

• Enhanced color of overdue rent payments
• One can now update contract documents
• Fixed issue where recording bulk payments in payment schedule fails
• Enhanced payment design table on mobile

AUTHENTICATION AND SECURITY

• Updated confirmUpdateStep, verifyOtpStep, and verifyPhoneNoStep components.
• Designed UI flow for 2-factor authentication modals.
• Cross-checked validation checks for modal steps.
• Refactored UsersController to enable 2FA token generation and verification.
• Refactored TwoFactorCodesController to improve code readability and add input validation.
• Improved verification of form data and functionality of steps modal.
• Refactored TwoFactorCodesController to fix token expiration and improve functionality.

CODE REFRACTORING AND TESTING

• Updated Chakra UI imports and component order.
• Researched database migration and started creating migrations.
• Researched testing packages for backend.
• Tested existing features and wrote new tests.
• Set up branches for testing and development.
• Explored AdonisJS authorization middleware.
• Configured Jest testing for the mobile app.
• Wrote e2e tests and added test cases.

UI/UX DESIGN

• Sketched and wireframed mobile app pages.
• Updated website design based on frontend changes.
• Finalized UI elements and designs for article page.
• Designed login pages and leases cards for the mobile app.
• Continued working on Togetha Admin user pages and mobile app designs.

We are thrilled to announce the "Relaunch" of Togetha, a major update packed with new features and enhancements designed to streamline property management and enhance user experience. This release introduces significant improvements across our platform, incorporating user feedback and the latest technological advancements to better serve our community of property managers and tenants. Dive into the details of what’s new and how these changes pave the way for a more efficient and intuitive property management experience.

Here are some of the exciting new features we are have refined for the first public version:

• Built in e-signature with Docuseal for eLease
• Remove let out properties from payments

• Can now send rolling contract requests to tenants between 2months and 2weeks
• Complete redesign of website
• Added animations to home page
• Added newsletter section to the main website
• Began background work on notifications
• All new brodcasts feature
• Implemented marketing widget
• Can now contact us via the landling page
• New sidebar
• Payment statuses should be displaying correctly

NEW FEATURES

• 2-Factor Authentication
• Researched different implementations and best practices
• Created a new branch to begin development

ENHANCEMENTS

• Updated images and language on the website
• Redesigned features page
• Implemented new changes to e-lease page based on feedback
• Updated onboarding flow based on app changes
• Conducted research and wire-framing for a new public property page
• Worked on the public property page
• Focused on user dashboard screens throughout the week
• Reviewed and merged code changes
• Wrote and debugged end-to-end tests
• Migrated the login page
• Had meetings with the CTO and backend team members
• Optimized the Blog page
• Implemented Cloudflare for human verification
• Researched Playwright for end-to-end testing

BUG FIXES

• Debugged compile-time errors
• Worked on resolving bugs
• Continued refining notification context and functionalities
• Updated notification component and implemented toast displays
• Debugged SEO Open Graph and console Tenancies calculator