Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/quynhnle135/blazor-to-do-list-app
To-Do List application built with Blazor and styled using Tailwind CSS.
https://github.com/quynhnle135/blazor-to-do-list-app
blazor tailwindcss
Last synced: about 1 month ago
JSON representation
To-Do List application built with Blazor and styled using Tailwind CSS.
- Host: GitHub
- URL: https://github.com/quynhnle135/blazor-to-do-list-app
- Owner: quynhnle135
- Created: 2024-10-22T15:57:43.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-24T15:41:15.000Z (3 months ago)
- Last Synced: 2024-11-04T08:46:29.151Z (2 months ago)
- Topics: blazor, tailwindcss
- Language: CSS
- Homepage:
- Size: 27 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Blazor To-Do List Application
## Overview
This is a simple To-Do List application built with Blazor and styled using Tailwind CSS. The app allows users to add tasks, mark them as completed, and sort them by priority or status. It also supports task descriptions and categorizes tasks based on their priority and status.## Features
- Add new tasks with a title, description, status, and priority.
- Track tasks in three statuses: ```Pending```, ```OnGoing```, and ```Closed```.
- Prioritize tasks as ```Minor```, ```Major```, and ```Urgent```.
- Mark tasks as completed by checking them off.
- Sort tasks by priority or status
- Responsive design using TailwindCSS for a clean and mordern UI.## Getting Started
### Prerequisites
Make sure you have the following tools installed:
- .NET SDK
- A code editor like Visual Studio Code or Visual Studio### Installation
1. Clone the prioirity:
``` git clone https://github.com/quynhnle135/blazor-to-do-list-app.git```2. Navigate to the project directory:
```cd blazor-todolist```3. Restore dependencies and run the application:
```dotnet run```4. Open a browser and navigate to ```https://localhost:5001/todos``` to use the application.
## Screenshots
#### Display tasks
![Task Display](screenshots/1.png)#### Sort by priority
![Sort by prioirity](screenshots/2.png)#### Sort by status
![Sort by status](screenshots/3.png)