TMDb: Task Management Dashboard

TMDb is a web application designed to simplify task management in a Trello-like style. With TMDb, you can create task lists, create tasks within them and order them as you please. It provides a straightforward and intuitive interface for adding, organizing, and tracking tasks across task lists.

Table of Contents

Table of Contents

1. Tech Stack
2. Features
3. The Prototype
4. The Improved Design
5. Added change order feature and more
6. Authentification System
7. Installation and Usage

Tech Stack

• ⚡️ Vite - Fast and lightweight development server
• ⚛️ React - JavaScript library for building user interfaces
• 📘 Typescript - Typed superset of JavaScript
• 🎨 Tailwind CSS - Utility-first CSS framework
• ⚙️ Express - Web application framework for Node.js
• 🗄️ SQLite - Embedded relational database management system
• 🛠️ Prisma - Modern database toolkit and ORM

(back to top)

Features

TMDb offers the following features to simplify your task management:

• Task Lists Creation, Editing and Deletion: Organize your tasks into lists.
• Task Creation, Editing and Deletion: Create new tasks. Edit task labels to reflect changes or updates. Remove tasks that are no longer relevant or completed.
• Drag-and-Drop Interface: Easily move tasks and task lists using a simple drag-and-drop feature.

Hi 👋, I'm new to the development world. I hope you like this application and thank you for exploring my project!

(back to top)

The prototype

(back to top)

The improved design

(back to top)

Added change order feature and more

(back to top)

Authentification System

(back to top)

Installation and Usage

1. Clone the repository:

   git clone <repository URL>

2. open two terminals:

In the first one, type the following commands:

cd <directory>
cd web
npm install
npm run dev

In the second one, type the following commands:

cd <directory>
cd api
npm install
npm start

(back to top)