https://github.com/piotrotta/taskmanager_nuxt3

TaskManager app to organise your tasks. Tasks are organized with key attributes including title, description, creation date, priority, and status. The app enables users to add, edit, and delete tasks, sort by priority or creation date and lastly filter by status and priority. Additionaly, app features dark and light themes.
https://github.com/piotrotta/taskmanager_nuxt3

element-plus nest nestjs nuxt3 pinia taskmanager typescript vue3

Last synced: 3 months ago
JSON representation

TaskManager app to organise your tasks. Tasks are organized with key attributes including title, description, creation date, priority, and status. The app enables users to add, edit, and delete tasks, sort by priority or creation date and lastly filter by status and priority. Additionaly, app features dark and light themes.

• Host: GitHub
• URL: https://github.com/piotrotta/taskmanager_nuxt3
• Owner: PiotrOtta
• Created: 2024-10-03T14:25:01.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2025-01-28T18:55:56.000Z (5 months ago)
• Last Synced: 2025-03-23T01:43:28.271Z (3 months ago)
• Topics: element-plus, nest, nestjs, nuxt3, pinia, taskmanager, typescript, vue3
• Language: Vue
• Homepage: https://piotrotta.github.io/TaskManager_Nuxt3/
• Size: 141 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


    

      
TaskManager app

    

  





   



![Latest Version](https://img.shields.io/badge/latest-1.0.0-yellow)

Made with

![Nuxtjs](https://img.shields.io/badge/Nuxt-002E3B?style=for-the-badge&logo=nuxtdotjs&logoColor=#00DC82)

![NestJS](https://img.shields.io/badge/nestjs-%23E0234E.svg?style=for-the-badge&logo=nestjs&logoColor=white)

### Description

TaskManager allows organisation of created tasks. Tasks are organized with key attributes including title, description, creation date, priority, and status. The app enables users to:

-   Add, edit, and delete tasks.

-   Sort tasks by priority or creation date.

-   Filter tasks by status and priority.

Additionaly, app features dark and light themes.

App's backend has static delays to allow frontend loading capabilities.

### App showcase

#### Add tasks



#### Edit tasks



#### Delete tasks



#### Sort and filter tasks



#### Themes



#### Notifications



#### Movable dialogs



### Used technologies

-   Node 20.17.0

-   npm 10.8.2

-   Nuxt 3.13.0

-   Vue 3.5.10

-   Pinia 2.2.4

-   TypeScript 5.6.2

## Setup

Install the dependencies for both frontend and backend:

```bash

npm install && cd backend && npm install && cd ..

```

## Then run the app

Run the frontside app alongside backend:

```bash

npm run dev:all

```

or run individually frontend (root folder TaskManager_PiotrOtta) and backend (folder named backend):

```bash

npm run dev

```