Homodea

Homodea isn’t just another digital platform – it’s a sanctuary where individuals can enhance themselves and contribute to the collective happiness of many. It’s a space where we ambitiously and thoughtfully cultivate a dignified and harmonious future for everyone. Homodea serves as both a haven and a laboratory for awakened individuals.

Our mission goes beyond mere connectivity and we aim to reconnect people with what truly matters, revitalizing their spirits, fostering inspiration, and igniting the drive to explore and actualize our unique potentials to the fullest.

We are undertaking the migration of an actively growing monolithic platform to microservices and microfrontend applications. This transition will be executed smoothly through multiple steps, ensuring continued support for the existing platform while implementing new features on the new architecture. Our primary goal is to reduce operational costs associated with platform maintenance.

Additionally, we are transitioning from a Single Page Application (SPA) to Server-Side Rendering (SSR) applications to enhance performance and user experience. Alongside this migration, we are also developing a flexible content management system to streamline content creation and management processes.

Establishing a ScrumLESS team up to 8 individuals, including 6 frontend developers, a Project Manager (PM), and a UX/UI Designer. Responsibilities will include:

• Frontend Development: Collaboratively building a comprehensive components library and scaling up to 20 microfrontend applications.
• Component based UI/UX Prototyping and Implementation: Prioritizing the development of reusable components to ensure consistency and efficiency across all applications.
• Authentication Integration: Seamlessly integrating authentication mechanisms to ensure secure access to the platform’s features.
• Prototyping and Building Marketing Landing Pages: Utilizing Figma for prototyping and designing visually appealing marketing landing pages. Implementing these designs with efficient frontend development practices.
• Connecting WordPress with API: Developing and maintaining WordPress plugins to facilitate seamless communication with the platform’s API.
• Keycloak Integration: Integrating Keycloak for robust identity and access management solutions.

• Next.js: A React framework for building server-side rendered and statically generated web applications.
• Next-Auth: A library for authentication in Next.js applications, providing support for various authentication providers.
• Keycloak: An open-source identity and access management solution for securing applications and APIs.
• React: A JavaScript library for building user interfaces.
• styled-components: A CSS-in-JS library for styling React components with scoped styles.
• editor.js: A block-style editor for creating rich content in web applications.
• microbundle: A zero-configuration bundler for creating tiny JavaScript modules.
• WebSocket: A communication protocol for real-time, bidirectional data transfer between client and server.
• WordPress: A popular content management system for creating websites and blogs.
• Redux: A predictable state container for managing the application state in JavaScript applications.
• Redux Toolkit: An official, opinionated, batteries-included toolset for efficient Redux development.
• RTK Query: A data fetching and caching library built on top of Redux Toolkit for simplifying API requests and state management.

This comprehensive tech stack will enable us to build robust, scalable, and feature-rich web applications with seamless authentication, real-time communication, and efficient state management.

• New Feature Request: When a new feature is requested, it is documented and analyzed by the team.
• Clickable Figma Prototype: The UX/UI Designer creates a clickable prototype of the new feature using Figma, allowing stakeholders to interact with and visualize the proposed functionality.
• Prototype Verification: The prototype is reviewed by relevant team members, including developers, project managers, and stakeholders, to ensure it aligns with requirements and expectations.
• Execution: Once the prototype is approved, the development team begins implementing the new feature based on the prototype design and specifications.
• Collecting Feedback: As development progresses, stakeholders are regularly updated on the status of the feature. Upon completion, the feature is presented for feedback and testing.
• Improvements: Feedback from stakeholders is collected and analyzed to identify any necessary improvements or adjustments to the feature.
• Feature Request: If additional enhancements or changes are requested based on feedback, they are documented as new feature requests and the process begins again.

The migration to the new platform has been completed successfully, offering users a faster and more stable experience. With the implementation of Server-Side Rendering (SSR), performance has been significantly improved, leading to enhanced SEO ranking and a smoother browsing experience. Moreover, the time required to ship new features has been notably reduced, ensuring that users can benefit from updates more promptly. With these advancements, Homodea is now better equipped to serve a larger audience and help more people on their journey to personal growth and fulfillment.