MicroFrontend TodoApp

MicroFrontend - TodoApp

Developed a TodoApp in React 18 utilizing modern scalable microfrontend architecture.

PROD Deployment Link:

https://micro-frontend-todo-app-host.verce...

Features:

This App consists of 3 microfrontend apps: host, todoform, todolist each having their corresponding functionalities and running on seperate ports, developed using webpack.
Microfrontends (On DEV environment):
Host-App: http://localhost:3000
Todoform-App: http://localhost:3001
Todolist-App: http://localhost:3002
Host-App is the central point (like Eureka Discovery Service in Spring Netflix Eureka for Spring Microservices) where the components from remote apps: Todoform-App, Todolist-App are imported and rendered further
Implemented Hot reload functionality using react-refresh plugin for the DEV environment.
Imported and exported components from one project to another (remotely) using webpack module federation plugin.
Handled routes and navigation in micro-frontend architecture using react-router-dom v6, remoteEntry.js for each of the components.
Further, this todoapp has Responsiveness, Pagination, Sorting, Searching, CRUD, Toast Notifications, Scalable functionalities, utilizes Browser localStorage.