Agile Project Management Dashboard with Django REST and Vue.js

PROJECT MANAGEMENT DASHBOARD

Visit App on Heroku

TL:DR:

Project management Dashboard made with Django REST and Vue.js.

Explore & Enjoy!

PROJECT CASE

“I want to implement agile environment in my workplace.”

While having this kind of idea on a management level 10 years ago could get ridiculed almost instantly, in today’s software project environment agile rewards companies with a greater employee involvement and productivity.

This Project is a simulation of work environment, where more traditional agile techniques are blended with key gamification concepts of “reward” and “role”.

AGILE CONCEPTS:

PROJECT ROLES:

roles

PLAYER TYPES:

playertypes

PROJEC TEAM TYPES:

teamtypes

REWARDS:

rewardsy

KANBAN:

kanban

APP STRUCTURE

Register/Login View:

0

  1. Login Form
  2. Registry Form
  3. While user’s log out, side menu is not active
Kanban Dashboard:

1

  1. Dropdown menu
  2. Project search bar
  3. Standard navbar functions
  4. Status Card - provides information about project status and current project count
  5. Project Card - provides project details - title, PM photo & description
  6. Enter Button - leads to Project Details page
  7. On Hold (ADMIN ONLY) - projects that current status is “on hold”
Project Details View:

2

  1. Team Requirements Card - allows Coder to apply for a team
  2. & 3. - Join/Leave Team buttons
User Profile - New User Perspective:

3

  1. User Card - generic portrait along with generic profile details
  2. Edit Button - allows User to provide information
  3. Take Test - which player type are you?
  4. Gamification Test - based on Bartle player taxonomy:
Charities View:

4

  1. New Charity(VISIBLE TO ADMIN ONLY) - allows Program Manager to propose new charities every month
  2. Charity Card - provides information regarding charity cause
  3. Donate Button - allows User to donate money
  4. Remove Button(VISIBLE TO ADMIN ONLY) - allows Program Manager to remove old charities every month

App Testing:

Travis CI: Build Status
/api/tests/
/core/tests/
/user/tests/

TOOLS, MODULES & TECHNIQUES

Backend Development:

Django RESTful

Frontend Development

Vue.js | Materialize | Chart.js

Deployment

Docker | Heroku | Travis CI | AWS S3

Database Development:

Postgres | SQLite

Testing

django.test | coverage

Thank you,

Lukasz Malucha

Download Details:

Author: LukaszMalucha

Demo: https://django-gamification.herokuapp.com/

Source Code: https://github.com/LukaszMalucha/Project-Dashboard-with-Django

#vue #vuejs #javascript #django

Agile Project Management Dashboard with Django REST and Vue.js
12.25 GEEK