Javascript · Node · Express · MySQL · Docker

Mangeons

A task management web app with user authentication and analysis features.

VIEW ON GITHUB

Task Management Web App

A task management web app with user authentication and analysis features.

Features

  • User authentication (Sign up, Login, Logout)
  • Add task with different kind of custom tags
  • Add new task, delete existing task(s), update existing task(s) features
  • Start task(s), pause task(s), resume task(s) features
  • Analysis on work done system

Visualization of the App

System architecture diagramSystem architecture diagram
System architecture diagramSystem architecture diagram

Technologies intended to be used

  • Language: Javascript
  • Frontend HTML, CSS
  • Backend: Node.js with Express.js
  • Database: MySQL
  • Architecture: MVC
  • Others: RESTful API endpoints, session-based authentication, real-time analytics with Chart.js, Docker containerization

How to run this on your pc

  1. Clone the repository with the following command

  2. Install Dependencies

    • cd task_management_web_app
    • npm install

  3. Set Up MySQL Database

  • Create a MySQL database
  • Import database.sql file from the project
  • Update .env file with database credentials

  1. Run the server

    • npm start

  2. Open the browser

Design

The design is done by Tetiana Gulei

View design in Figma

Web Dashboard UI - Task & Project Management - used under CC VV

License

This project is licensed under the MIT license. See LICENSE for more information.