The Mifos Initiative

MIfos X Web App - Create a currencies component and design its user interface

Objective

The objective is to create a currencies component and design its user interface. [Task is dependent on creation of Organization module for routing to work, so we would highly encourage you to take that task up first. However, if you choose to perform this task first follow the description below accordingly.]

Description

  1. Create a currencies component under the organization section. If organization module does not exist yet, create it within the app folder.
  2. Connect it via routing from organization component (if it exits, else via app routing module) so that its accessible.
  3. Make sure to read the guidelines to replicate a screen from here.
  4. Design the user interface for the currencies component using angular material components and flex layout directives to ensure responsiveness.
  5. Fetch the data by implementing the required API and populate the table. Make sure searching and sorting works.
  6. Write comments for the implemented component.
References

You may have a look at the current implemented components in accounting, system or products section for reference.

How to get help

If you need help, be sure to post your question to our developer mailing list or ask in our chatroom.

All the best! Do remember, quality over quantity is the key.

Task tags

  • Mifos
  • Web App
  • Angular Material
  • Flex Layout
  • Angular

Students who completed this task

punwai

Task type

  • code Code
  • chrome_reader_mode Documentation / Training
  • web Design
close

2019