https://github.com/vishakh-abhayan/todo

Todois a simple todo list application built with React and React Router. It allows users to create, manage, and track their tasks.
https://github.com/vishakh-abhayan/todo

reactjs router-dom-v6 todo todoapp typescript

Last synced: 23 days ago
JSON representation

Todois a simple todo list application built with React and React Router. It allows users to create, manage, and track their tasks.

• Host: GitHub
• URL: https://github.com/vishakh-abhayan/todo
• Owner: vishakh-abhayan
• Created: 2023-06-04T19:35:26.000Z (over 1 year ago)
• Default Branch: prod
• Last Pushed: 2023-11-03T16:45:03.000Z (about 1 year ago)
• Last Synced: 2024-05-28T17:21:26.121Z (8 months ago)
• Topics: reactjs, router-dom-v6, todo, todoapp, typescript
• Language: TypeScript
• Homepage: https://todo.vishakh.fun
• Size: 1.33 MB
• Stars: 18
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# Todo✨ 

![Vite + React + TS (1)](https://github.com/vishakh-abhayan/TodoNow/assets/94307781/b69a1d7e-04f2-42b8-b2c0-1730c8208f6e)



TodoNow is a simple todo list application built with React and React Router. It allows users to create, manage, and track their tasks.

## Features

- User authentication: Users can create an account and log in to access their personal todo list.

- Todo management: Users can add new todos, mark them as completed, and delete them.

- Persistence: User data and todo list are stored in the browser's local storage, allowing for data retention between sessions.

## Technologies Used

- React

- React Router

- TypeScript

- CSS

## Getting Started

### Prerequisites

- Node.js: Make sure you have Node.js installed on your machine.

### Installation

1. Clone the repository:

   ```shell

   git clone https://github.com/your-username/TodoNow.git

   ```

2. Navigate to the project directory:

   ```shell

    cd /TodoNow

   ```

3. Install the project dependencies:

   ```shell

    npm install

   ```

4. Start the development server:

   ```shell

    npm run dev

   ```

## Usage

- Create an account or log in using your existing credentials.

- Add new todos by entering the task in the input field and pressing the enter key or clicking the Add button.

- Mark a todo as completed by clicking on it. Click again to mark it as incomplete.

- Delete a todo by clicking the trash bin icon next to it.

- Log out from the application using the logout button in the navigation bar.

## Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.😊