Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sutharshantanu/todo
Todo's is a versatile project management tool designed to enhance your organization. Create, prioritize, and track tasks effortlessly, ensuring productivity and efficiency in your workflow. Stay organized and focused on what matters most.
https://github.com/sutharshantanu/todo
chakra-ui react-router-dom reactjs redux todo todo-list
Last synced: about 2 months ago
JSON representation
Todo's is a versatile project management tool designed to enhance your organization. Create, prioritize, and track tasks effortlessly, ensuring productivity and efficiency in your workflow. Stay organized and focused on what matters most.
- Host: GitHub
- URL: https://github.com/sutharshantanu/todo
- Owner: SutharShantanu
- Created: 2023-07-06T18:00:02.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-21T14:27:36.000Z (over 1 year ago)
- Last Synced: 2024-11-07T09:16:33.387Z (3 months ago)
- Topics: chakra-ui, react-router-dom, reactjs, redux, todo, todo-list
- Language: JavaScript
- Homepage: https://opentodos.vercel.app
- Size: 18.7 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo's
Todo's is a project management tool that helps you stay organized by creating and managing tasks. It allows you to prioritize and track your progress, ensuring you stay productive and efficient.
## Table of Contents
- [Clone](#clone)
- [Features](#features)
- [Requirements](#requirements)
- [Usage](#usage)
- [Installation](#installation)
- [Contributing](#contributing)
- [Conclusion](#conclusion)
- [FAQ](#faq)## Deployment
[![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge&logo=vercel)](https://opentodos.vercel.app)
## Color Reference
| Color | Hex |
| --------- | ---------------------------------------------------------------- |
| Primary | ![#EDF2F7](https://via.placeholder.com/10/EDF2F7?text=+) #EDF2F7 |
| Secondary | ![#FBD38D](https://via.placeholder.com/10/FBD38D?text=+) #FBD38D |
| Third | ![#2D3748](https://via.placeholder.com/10/2D3748?text=+) #2D3748 |
| Other | ![#F03D5F](https://via.placeholder.com/10/F03D5F?text=+) #F03D5F |## Status
[![](https://img.shields.io/github/last-commit/SutharShantanu/Todo?logo=Todo&style=for-the-badge&color=blue)]()
[![](https://img.shields.io/github/languages/count/SutharShantanu/Todo?style=for-the-badge)]()
## Clone
To run this project on Cloud IDE, run the following command in your terminal:
[![CodeSandbox](https://img.shields.io/badge/CodeSandbox-Open%20in%20CodeSandbox-blue?logo=codesandbox&style=for-the-badge)](https://codesandbox.io/s/github/SutharShantanu/Todo)
Or else you can clone this project on you local system, run the following command in your terminal:
```shell
git clone https://github.com/SutharShantanu/Todo.git
```Alternatively, you can use your preferred Git client and clone the repository using the provided URL.
## Requirements
| Dependency | Version |
| ---------------------------------------------------------------------------------------- | --------- |
| [@chakra-ui/icons](https://www.npmjs.com/package/@chakra-ui/icons) | ^2.0.18 |
| [@chakra-ui/react](https://www.npmjs.com/package/@chakra-ui/react) | ^2.7.1 |
| [framer-motion](https://www.npmjs.com/package/framer-motion) | ^10.12.18 |
| [react](https://www.npmjs.com/package/react) | ^18.2.0 |
| [react-dom](https://www.npmjs.com/package/react-dom) | ^18.2.0 |
| [react-icons](https://www.npmjs.com/package/react-icons) | ^4.10.1 |
| [react-redux](https://www.npmjs.com/package/react-redux) | ^8.1.1 |
| [react-router-dom](https://www.npmjs.com/package/react-router-dom) | ^6.14.1 |
| [react-scripts](https://www.npmjs.com/package/react-scripts) | 5.0.1 |
| [redux](https://www.npmjs.com/package/redux) | ^4.2.1 |
| [redux-thunk](https://www.npmjs.com/package/redux-thunk) | ^2.4.2 |
| [victory](https://www.npmjs.com/package/victory) | ^36.6.11 |These are the updated requirements with their respective versions.
You can find the latest versions of these libraries by referring to their respective documentation or package manager.
## Features
- Create, Read, Update, and Delete (CRUD) operations for managing todos and tasks.
- User-friendly interface for easy task organization.
- Real-time updates and notifications for task changes.
- Responsive design for seamless usage on different devices.## Technologies Used
- Frontend: HTML, CSS, JavaScript, React JS, Redux, Chakra UI
## Usage
To use this project, simply navigate to the deployed website on Vercel. From there, you can browse through the different examples and tutorials, each represented in the form of a card. Click on a card to view the code and see how the hook is used in practice.
## Installation
To install this project locally, follow these steps:
1. Clone the repository to your local machine as mentioned [above](#clone).
2. Install the necessary dependencies using `npm install`.
3. Run the project using `npm start`.## Contributing
If you'd like to contribute to this project, feel free to submit a pull request with your changes. We welcome contributions of all kinds, including bug fixes, new features, and documentation improvements.
[![Contributor](https://img.shields.io/badge/Contributor-SutharShantanu-blue?style=for-the-badge&logo=github)](https://github.com/SutharShantanu)
## Conclusion
Overall, Todo's project provides a comprehensive solution for managing todos and tasks efficiently. With its user-friendly interface, real-time updates, and features, it offers a seamless experience for individuals and teams to stay organized and productive. Whether you're a student, professional, or anyone looking to manage their tasks effectively, Todo's got you covered.
## FAQ
Is this website fully Responsive?
Yes, the website is fully responsive and compatible with small screen devices. Our team has diligently worked to ensure that all parts of the website are optimized for various screen sizes. Users can seamlessly access and navigate the website, regardless of the device they are using.