We have to use Drupal plugin called CiviCRM. With the help of angular we have to create a KANBAN view using CiviCRM API
Compucorp Angular JS Developer Test v2
A large part of our work is based on the Drupal (www.drupal.org) and CiviCRM (www.civicrm.org) platforms and you will be expected in the first few months to put in some additional work to get yourself up to speed with Drupal and CiviCRM's features and to be able to build on top of these.
It is worth installing a copy of Drupal 7 and CiviCRM to get familiar with the platform:
Once enabled you can view the case dashboard at this link:
[www.yoursitehere.com]/civicrm/case?reset=1
We would like you to create a new Case dashboard “Kanban” view that is based on the data that can be obtained from the CiviCRM API. A wireframe mockup for the screen to be built can be seen below and downloaded from the following link:
The HTML/JS app must be based on AngularJS v1
The main focus of this activity is to access your JavaScript skills. Therefore, style the app appropriately using your own judgement.
Use object-oriented JavaScript to organise your code (hint: use classes, inheritance, etc.).
Structure your code to be clean, efficient and maintainable.
Write tests for your application (Essential)
Use of design patterns would be a plus.
Your extension should be CiviCRM v4.7 compatible.
Anything else that could make us say wow!
(Task 2 is on next page)
Task 2: Bonus Task - HTML/CSS
Description
Open charity is an organisation that hosts events in London about open source software and solution for charities. The proposed design of the new site is as follows:
Instructions
Create a new site for the above design. This task is to test your ability to create HTML and CSS from scratch and as such we do not want you to use a CSS or HTML framework.
Do not use any CSS framework (i.e. Bootstrap, Foundation, or similar)
You may use libraries such as icon packs (font-awesome etc)
Make your best judgement on font files
The site should work fine with the latest version of Chrome, Firefox, Safari, Edge and with IE11
The site must be responsive and you should use your own judgement for breakpoints and adaptations for other screen sizes
If you are also able to host the solution simply then please do. We recommend using AWS free tier but reasonable hosting costs (<£20) will be reimbursed.
Extra brownie points!
Use a CSS preprocessor
Build the site as a Drupal site using a Drupal theme.
web3dopamine
commented
7 years ago
We have to use Drupal plugin called CiviCRM. With the help of angular we have to create a KANBAN view using CiviCRM API
Compucorp Angular JS Developer Test v2
A large part of our work is based on the Drupal (www.drupal.org) and CiviCRM (www.civicrm.org) platforms and you will be expected in the first few months to put in some additional work to get yourself up to speed with Drupal and CiviCRM's features and to be able to build on top of these.
It is worth installing a copy of Drupal 7 and CiviCRM to get familiar with the platform:
http://wiki.civicrm.org/confluence/display/CRMDOC/Installation+and+Upgrades
Then read user guide to get an overview of functionality:
http://book.civicrm.org/user/
Developer guide:
https://docs.civicrm.org/dev/en/master/
and wiki:
http://wiki.civicrm.org/confluence/display/CRMDOC/CiviCRM+Documentation
Task 1 is mandatory whilst task 2 is a bonus task to show off your HTML/CSS skills.
A demo site of CiviCRM can be found here for reference:
http://dmaster.demo.civicrm.org/ Task 1: New Angular JS CiviCRM application
The main focus of this activity is to access your ability to get started with the CiviCRM development tools and to test your Angular JS v1 skills.
It is advisable for you to install and setup CiviCRM “buildkit” - https://github.com/civicrm/civicrm-buildkit in order to get started with CiviCRM development.
Please see this video for example instructions of how to create a new angular extension:
https://www.youtube.com/watch?v=d_nKAk7vg80
The developer API explorer can be found here:
[www.yoursitehere.com]/civicrm/api
Upload the completed project to your Github account, and send us a link.
Please also host your completed solution on AWS free tier or similar hosting so we can review it in action as easily as possible.
Requirement - Angular CiviCase Kanban view
CiviCRM has a module called CiviCase. It is disabled by default but can be activated by navigating to:
[www.yoursitehere.com]/civicrm/admin/setting/component?reset=1
Once enabled you can view the case dashboard at this link:
[www.yoursitehere.com]/civicrm/case?reset=1
We would like you to create a new Case dashboard “Kanban” view that is based on the data that can be obtained from the CiviCRM API. A wireframe mockup for the screen to be built can be seen below and downloaded from the following link:
https://www.dropbox.com/s/176vsfwim24tg5s/Compucorp%20front%20end%20task.pdf?dl=0
Instructions:
The HTML/JS app must be based on AngularJS v1 The main focus of this activity is to access your JavaScript skills. Therefore, style the app appropriately using your own judgement. Use object-oriented JavaScript to organise your code (hint: use classes, inheritance, etc.). Structure your code to be clean, efficient and maintainable. Write tests for your application (Essential) Use of design patterns would be a plus. Your extension should be CiviCRM v4.7 compatible. Anything else that could make us say wow! (Task 2 is on next page)
Task 2: Bonus Task - HTML/CSS Description Open charity is an organisation that hosts events in London about open source software and solution for charities. The proposed design of the new site is as follows:
https://invis.io/EN7L8CK2P#/168991599_OC_Site005b
Assets can be downloaded from here:
https://bitbucket.org/compucorp/open-charity-design
Compucorp front end task.pdf
Instructions Create a new site for the above design. This task is to test your ability to create HTML and CSS from scratch and as such we do not want you to use a CSS or HTML framework.
Do not use any CSS framework (i.e. Bootstrap, Foundation, or similar) You may use libraries such as icon packs (font-awesome etc) Make your best judgement on font files The site should work fine with the latest version of Chrome, Firefox, Safari, Edge and with IE11 The site must be responsive and you should use your own judgement for breakpoints and adaptations for other screen sizes If you are also able to host the solution simply then please do. We recommend using AWS free tier but reasonable hosting costs (<£20) will be reimbursed. Extra brownie points! Use a CSS preprocessor Build the site as a Drupal site using a Drupal theme.