https://github.com/apfirebolt/task-scheduler-in-vue-tailwind-and-fastapi

📝A scheduler app created in Vue JS and Tailwind css, tasks are added through back-end written in FastAPI
https://github.com/apfirebolt/task-scheduler-in-vue-tailwind-and-fastapi

alembic fastapi postgresql python schedulers to-do-list vue3 vue3-composition-api

Last synced: 6 months ago
JSON representation

📝A scheduler app created in Vue JS and Tailwind css, tasks are added through back-end written in FastAPI

• Host: GitHub
• URL: https://github.com/apfirebolt/task-scheduler-in-vue-tailwind-and-fastapi
• Owner: Apfirebolt
• Created: 2023-05-03T08:36:59.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-04-11T09:12:47.000Z (6 months ago)
• Last Synced: 2025-04-14T03:07:28.799Z (6 months ago)
• Topics: alembic, fastapi, postgresql, python, schedulers, to-do-list, vue3, vue3-composition-api
• Language: Vue
• Homepage:
• Size: 1.34 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Task Scheduler using Vue, Tailwind, Vite and Fast API

A task scheduler app which allows anonymous users to add tasks and view them in a custom calendar created using dayjs library.

![FastAPI](https://img.shields.io/badge/FastAPI-005571?style=for-the-badge&logo=fastapi)

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Postgres](https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge&logo=postgresql&logoColor=white)

## 💻 Tech Stack 

The project back-end is created using Fast API in Python and Vue is used for the front-end. Tailwind CSS classes are used to style the UI components. For the database "Postgres" has been used.

## 📄 Introduction

It is a simple Kanban board application where you have four status 'To Do', 'In Progress', 'In Review' and 'Done'. You can create a generic task item and then through Kanban drag and drop dashboard, you can move items and save the updated status.

It has supoort for multi-user authentication.

## ✏️ Updates

27/12/22 : Added Admin panel with support of being able to add users and tasks, modify any user or task for admin role user type.

## 📷 Screenshots

The style might be a subject to change in the future for this project. But, as of now this is how few pages look like

Add Task form.

![alt text](./screenshots/1.png)

Schduler which displays tasks in a calendar form.

![alt text](./screenshots/2.png)

List of all tasks, calendar view and table view

![alt text](./screenshots/3.png)

![alt text](./screenshots/4.png)

Mobile menu view, a sidebar opens which displays menu items on smaller screens.

![alt text](./screenshots/mobile_menu.png)

## Deployment using Docker containers

To be done in future