This Todo App is a micro frontend application built using React, Vite, and Material UI. It allows users to manage their todos by adding, updating, marking as complete, and deleting them. The application follows a micro frontend design, with separate components for the header, footer, todo list, todo item, and todo form.
- Add new todos
- Update existing todos
- Mark todos as complete
- Delete completed todos
- User-friendly Material UI design
The header component displays the title of the application.
The footer component includes a GitHub icon linking to the project's GitHub repository. The copyright and current year are centered at the bottom.
The todo list component renders a list of todos, allowing users to toggle completion status, delete completed todos, and update todo texts.
Each todo item in the list includes a checkbox to toggle completion status, the todo text, and options to edit and delete the todo.
The todo form component provides a text input and a button to add new todos.
- Clone the repository:
git clone https://github.com/Michle99/todo-microfrontend.git
- Navigate to the project directory:
cd todo-microfrontend
- Install dependencies:
npm install
- Run the development server:
npm run dev
- Open your browser and visit http://localhost:3000 to view the Todo App.