microfrontend demo using Angular and React alongs with a NodeJS API

• Persistence store: MySQL
• ORM: TypeORM
• Backend: Node.js Node v20
• Frontend: Angular 17 and ReactJS
• CSS based on Twitter's bootstrap

Adjust persistence settings with your local configuration. Just Change host and port and the database name inside the ormconfig.json located at src/server/ormconfig.json.

{ "type": "mysql", "host": "localhost", "port": 3306, "username": "root", "password": "", "database": "microfrontends", "synchronize": true, "entities": [ "api/entities/*.ts" ], "subscribers": [ "api/subscribers/*.ts" ], "migrations": [ "api/migrations/*.ts" ], "cli": { "entitiesDir": "api/entities", "migrationsDir": "api/migrations", "subscribersDir": "api/subscribers" } }

• Start your MySQL Database
• Run the server

Open your terminal and run following commands:

$ cd src/server $ npm install or yarn install $ npm run dev or yarn dev

• Run the client

$ cd src/client/todolist $ npm install or yarn $ npm run build:elements or yarn build:elements $ cd .. $ cd todo-details $ npm install or yarn $ npm run start or yarn start

• Browse to the application at http://localhost:3000

$ cd src/server/ $ npm run test or yarn test

$ cd src/client/todolist $ npm run test or yarn test

$ cd src/client/todo-details $ npm run test or yarn test

Built with all ❤️ of the world by Billy Lando.

MIT License (MIT) © Billy Lando