Code Monkey home page Code Monkey logo

forms-flow-ai-micro-front-ends's Introduction

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.