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: 3 months 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 (about 2 years ago)
- Default Branch: prod
- Last Pushed: 2023-11-03T16:45:03.000Z (over 1 year ago)
- Last Synced: 2025-04-14T01:06:53.397Z (3 months ago)
- Topics: reactjs, router-dom-v6, todo, todoapp, typescript
- Language: TypeScript
- Homepage: https://todo.vishakh.fun
- Size: 1.33 MB
- Stars: 16
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo✨
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.😊
