TaskManager_Nuxt3

TaskManager app

Made with

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:

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

Then run the app

Run the frontside app alongside backend:

npm run dev:all

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

npm run dev