https://github.com/dev-ashanaur/redux-todo-app
live link
https://github.com/dev-ashanaur/redux-todo-app
react-redux tailwindcss
Last synced: 18 days ago
JSON representation
live link
- Host: GitHub
- URL: https://github.com/dev-ashanaur/redux-todo-app
- Owner: DEV-ASHANAUR
- Created: 2022-12-10T11:27:03.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-02-21T09:11:06.000Z (over 2 years ago)
- Last Synced: 2025-02-08T04:41:26.375Z (over 1 year ago)
- Topics: react-redux, tailwindcss
- Language: JavaScript
- Homepage: https://willowy-biscochitos-3d8dc5.netlify.app/
- Size: 715 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ToDo App
## Overview
The ToDo App is a simple task management application that enables users to create, organize, and track their tasks efficiently. The app provides an intuitive user interface for adding new tasks, updating their status, and filtering tasks based on their current status.
## Features
- **Task Creation:** Easily create new tasks with a title, description, and due date.
- **Status Tracking:** Assign status labels such as "To-Do," "In Progress," and "Completed" to tasks.
- **Filtering:** Quickly filter tasks based on their status for better organization.
- **User-Friendly Interface:** Intuitive design for a seamless task management experience.
- **Responsive Design:** Accessible on various devices with a responsive and adaptive layout.
## Getting Started
### Prerequisites
- Node.js installed
- MongoDB database set up
### Installation
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/todo-app.git
```
2. **Navigate to the project directory:**
```bash
cd todo-app
```
3. **Install dependencies:**
```bash
npm install
```
4. **Set up environment variables:**
```bash
cp .env.example .env
```
Update the `.env` file with your configuration details.
5. **Run the application:**
```bash
npm start
```
6. **Access the application:**
Visit `http://localhost:3000` in your web browser.
## Usage
1. **Create a Task:**
- Click on the "Add Task" button.
- Fill in the task details (title, description, due date).
- Click "Save."
2. **Update Task Status:**
- Navigate to the task you want to update.
- Change the status using the provided options.
3. **Filter Tasks:**
- Use the filter options to display tasks based on their status.
## Contributing
We welcome contributions! If you'd like to contribute to the ToDo App, please check our [contribution guidelines](CONTRIBUTING.md).
## License
This project is licensed under the [MIT License](LICENSE).