A simple Todo application built with React 18, NestJs 13, Redux Toolkit, TailwindCSS, and TypeScript. This app allows you to create, update, and delete tasks, keeping track of your daily tasks and helping you stay organized.
It provides the following features:
- Create new tasks: Users can create new todos by entering a title.
- Complete Todo: Users can mark todos as completed.
- Delete Todo: Users can delete todos from the list.
The Simple ReactJs TodoApp is built using the following technologies:
- React 18: A JavaScript library for building user interfaces.
- NestJs 13: A progressive Node.js framework for building efficient and scalable server-side applications.
- Redux Toolkit: A library for efficient state management in React applications.
- TailwindCSS: A utility-first CSS framework for rapid UI development.
- TypeScript: A typed superset of JavaScript that provides enhanced tooling support.
To use the Simple ReactJs TodoApp, follow these steps:
- Clone the repository:
git clone https://github.com/fredrickreuben/simpletodoapp - Change to the project directory:
cd simpletodoapp - Install dependencies:
npm install - Start the app:
npm start
Once the app is running, you can perform the following actions:
-
Create a Todo:
- Enter a title and description for the new todo.
- Click the "Create" button to add the todo to the list.
-
Complete a Todo:
- Click on the checkbox or perform an action to mark a todo as completed.
-
Delete a Todo:
- Click the delete button or perform a delete action to remove a todo from the list.
To access the Simple ReactJs TodoApp, click here.
Contributions to the Simple ReactJs TodoApp are welcome. If you wish to contribute, please follow the guidelines outlined in the CONTRIBUTING.md file.
The Simple ReactJs TodoApp is open-source and released under the MIT License.