AngularJS Simple Project Management App
JavaScript CSS HTML CoffeeScript Shell Handlebars
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Tagmatic - AngularJS + Python/Flask


Tagmatic is a simple project management app for managing teams and projects. It has a nice interface for adding team members, projects, tasks, milestones, etc. The interactive board enables creation of custom columns (perfect for agile development), easy adding, editing and deleting tasks on the board, as well as dragging & dropping tasks to different columns (eg. from In Progress to Done).

Dashboard contains various reports displaying sprint, project and team progress (see screenshots at the bottom).

This is version 0.0.1 of the app, meaning there are many more features to come. The demo is available at and contains some of the features.

Source code is located in the app folder. Each component is located in its own folder.

Technology Used

Tagmatic is an AngularJS app conecting to the Flask backend which implements the Web service API. The backend is available at

Other libraries used include: RequireJS, angular-ui-router, angular-couch-potato, angular-ui-grid, d3, c3, lodash, karma, jasmine... See bower.json for the full list of dependencies.


If you'd like to install Tagmatic locally checkout the tagmatic-backend repository, install its requirements and create the database with the following commands:

git clone tagmatic-backend/

cd tagmatic/backend/server

pip3 install -U -r requirements.txt  # install Python dependencies

python3 #create the database

python3 #run the server on localhost:5005

Checkout tagmatic-frontend and install it's dependencies with the following commands:

git clone tagmatic-frontend/

cd tagmatic-frontend/config

bower install

Build Script

The build script is available in grunt-tasks. To create the build directory run the following

cd ..

cd grunt/tasks

npm install  


This will run the Gruntfile.js and:

  • concatenate all .js and .html files into a single .js file,
  • copy all necessary lib .js, .css and font files
  • minify all those files
  • append a hash to every file
  • and rename all references to those files so that they point to the correct hashed version

After the build is finished, new files will be available at tagmatic-frontend/build


To run unit tests install the dependencies by running:

cd tagmatic-frontend

npm install

Start the karma server. This will execute all tests under the tagmatic-frontend/test folder.


Here are some screenshots of the app. You can also check out the demo at



Team Page

Create New Tag

Create New Task