TODO MVC

This is a simple TODO MVC application built using React, React Context, React Reducer, tailwindcss, and daisyUI.

Live demo

Tech Stack

  • React: A JavaScript library for building user interfaces.
  • React Context: A React API for sharing data across the component tree.
  • React Reducer: A React API for managing component state.
  • tailwindcss: A utility-first CSS framework that helps you quickly build modern websites and applications.
  • daisyUI: A component library based on Tailwind CSS that helps you quickly build beautiful user interfaces.

Installation

Follow these steps to install and run the project:

  1. Clone the repository: git clone git@github.com:beyond009/TODO-mvc.git
  2. Install the dependencies: npm install
  3. Start the development server: npm run dev

TypeScript coverage report

Summary

PercentThresholdTotalCoveredUncovered
100.00%80%3883880

Files

FilenamePercentTotalCoveredUncovered
src/context/reducer.ts100.00%97970
src/context/useTodo.tsx100.00%36360
src/components/TodoItem.tsx100.00%86860
src/App.tsx100.00%1491490
src/index.tsx100.00%20200

License

This project is licensed under the MIT License.