shuhaib-aot / forms-flow-ai-micro-front-ends

Micro-front-ends for formsflow.ai

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

forms-flow-ai-micro-front-ends

React

forms-flow-nav-CD forms-flow-admin-CD forms-flow-service-CD forms-flow-theme-CD

forms-flow-ai-micro-front-ends is a collection of micro front-end applications to support formsflow.ai.

components overview

  1. forms-flow-admin

The admin module includes functionalities available for the user with admin privilages. Currently admin module contains dashboard management, role management, user management. This UI is only available for users with formsflow-admin role.

  1. forms-flow-nav

The navbar for formsflow.ai, this module is available for all users. This module trigger the routing, internationalization, and login/logout functionalities.

  1. forms-flow-service

This module contains all the common functionalties used by micro front-ends. The common services include authentication service, storage APIs etc.

  1. forms-flow-theme

This module contains the common style sheet shared by all micro-front-ends. This module supports theming by providing the option to use desired themes by modifying the css variables.

All the modules are built with single-spa, a javascript router for micro front-end microsevices.

Prerequisites

  • Nodejs 16 or above
  • Make sure the ports 8080, 8001, 8081, 8082 are available.

Getting started

  1. Clone the repo
  2. run npm install && npm start by checking into all modules note: while running npm install in forms-flow-admin might throw some error due to version conflict, just run the same command with --force flag to resolve this issue. This is happening since we migrated the specific module from legacy codebase and some dependencies are to be maintained and will resolve this in future.
  3. clone the formsflow.ai [https://github.com/AOT-Technologies/forms-flow-ai] repo.
  4. check into 5.2.0-alpha brach
  5. check into forms-flow-web-root-config directory
  6. update public/config/config.js with all the configurations
  7. run npm install && npm start
  8. check into forms-flow-web directory
  9. run npm install && npm start make sure this module run on port 3001
  10. The application should be available at port 3000

About

Micro-front-ends for formsflow.ai


Languages

Language:TypeScript 44.2%Language:JavaScript 39.6%Language:CSS 9.9%Language:SCSS 4.1%Language:Dockerfile 2.3%