frontend-app-workshop-example

Introduction

This repository contains example Micro-Frontend applications for use during the Micro-Frontend Micro-Workshop. It has been created using the frontend-template-application template.

The sample applications are stored in separate branches within this repository and are accompanied by corresponding Pull Requests that offer additional context and information.

	Branch	PR	Description
Hello World	hello-world		An example "Hello World" page.
Hello Username	hello-username		Displays the username of the logged-in user.
Simple Paragon Component	simple-paragon		Displays hardcoded test data in a Paragon Carousel component.
Simple API	simple-api		Logs course listing data from the API to the console.
API Data in Paragon Component	paragon-api		Displays course listing data from the API in a Paragon Carousel component.

Getting Started

Prerequisites

• devstack
• nvm (optional but recommended)
• node 16

Running

• Fork this repository (optional)
  • Ensure "Copy the hello-world branch only" is unchecked
• Clone this repository

$ git clone git@github.com:{YOUR_GITHUB_USERNAME}/frontend-app-workshop-example.git

OR

$ git clone https://github.com/brian-smith-tcril/frontend-app-workshop-example.git

• Run the MFE

$ cd frontend-app-workshop-example
$ nvm use
$ npm install
$ npm start

• Go to http://localhost:8080