Challenge Overview
Challenge Overview
Your task in this challenge is to update the main (frame) and navigation app to match the provided designs.
Background
Micro-frontends are “techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently” and we will be using this approach for developing various Topcoder apps.
Benefits that we expect from the micro-frontends approach are:
-
Stop redeveloping things like menus and headers and footers and other frame components with each app
-
Improve code reuse
-
Improve or at least maintain the ability to develop several apps in parallel
-
Improve standardization
Tech Stack
-
Single SPA - https://single-spa.js.org
-
Javascript
Assets
Application designs are posted in challenge forums.
Task Detail
Your task in this challenge is to:
-
Update the UI of the parent ‘frame’ app - that handles the overall layout
-
Update the UI of the navigation app
Both desktop and mobile layouts are in scope - designs and assets are provided in the forums.
Submission Guidelines
-
Submit the full source code for frame and navigation apps and their documentation