Todo App

A Todo application built with React and TypeScript that leverages various modern tools and libraries to offer a robust and user-friendly experience. This app includes features such as categorizing todos, scheduling tasks for specific dates, days of the week, and months. It uses localStorage for data persistence, Tailwind CSS for styling, React Router for navigation, and Jest with React Testing Library for testing.

• Live Version: https://limonatasuyu.github.io/react-some-todo-app/

Features

• Categorization: Organize your todos into different categories.
• Date & Time Scheduling: Create todos for specific dates, days of the week, and months.
• Data Persistence: Todos are stored in the browser's localStorage.
• Responsive Design: Styled using Tailwind CSS for a clean and responsive UI.
• Routing: Navigate between different views using React Router.
• Testing: Comprehensive tests using Jest and React Testing Library.

Installation

To get started with the Todo app, follow these steps:

Clone the repository:

git clone https://github.com/limonatasuyu/react-some-todo-app.git
cd todo-app

Install dependencies:

npm install

Run the development server:

npm start

This will start the app on http://localhost:3000.

Testing

To run the tests, use:

bash Copy code npm test Jest and React Testing Library are used to ensure the application functions as expected.

Technologies Used

• React: JavaScript library for building user interfaces.
• TypeScript: A typed superset of JavaScript.
• Tailwind CSS: Utility-first CSS framework.
• React Router: Declarative routing for React.
• localStorage: Web API for storing data on the client side.
• Jest: Testing framework for JavaScript.
• React Testing Library: Testing utilities for React components.