Project Management App

Table of contents

• About this project
• Background
• Used framewoks and libraries
  • Frontend
  • Backend
• How to run project locally
• Deployment
• Future code development
• Authors

About this project

Fullstack project management application with multiuser features such as rich text editor, kanban board and calendar.

Background

This project was made as group project that was part of Buutti Trainee Academy's program. The purpose of this project is to familiarize ourselves with the learned consepts and showcase our skills.

Used frameworks and libraries

Frontend:

Vite, TypeScript React, TailwindCSS, Redux Toolkit, Redux Persist, React Router, React Hook Form, yup, Yjs, React Calendar, date-fns, Tiptap, dnd-kit, Feather icons, ESLint, Docker

Backend:

TypeScript, Node, tsx, Express, express-session, argon2, PostgreSQL, Prisma, yup, redis, hocuspocus, ESLint, Docker, supertest, vitest

How to run project locally

With Docker compose

To run application with docker compose:

copy .env.example to .env
docker-compose up --build

or locally with npm

backend:

docker compose up db
cd backend
cp .env.example .env
npm install
npm run dev

frontend:

cd frontend
npm install
npm run dev

Deployment

Project Manager App is deployed to Microsoft Azure: Cloud Computing Services.

Link to project: https://projektimanageri.azurewebsites.net/

Future code development

The source code can be developed over time to handle new features. The following is a list of potential feature enhancements:

• Password recovery and email authentication.
• Chat
• Ability to share projects to guests
• Dark theme

Authors

• Harri Nieminen
• Jani Myllymaa
• Katariina Ruotsalainen
• Suvi Sulonen
• Tommi Tyni