Re: Web-App (Angular 6): Choice of Design Framework - Angular Material vs bootswatch and ng-bootstrap)
I would say we should use Angular Material library for consistency and
- We already have our self-service app last year built on angular
material itself so we should follow.
- Another reason is its official Angular library and there can be
chances in future that bootswatch or ng-bootstrap might discontinue support
or don't add further modules.
- I don't see angular material support mentioned on both bootswatch
<https://bootswatch.com/> and ng-bootstrap
<https://github.com/ng-bootstrap/ng-bootstrap> github repos. Might be
there is some add-on package which i am not aware of.
I saw the initial hosted project and have some feedback to speed-up the
- Define the wire-frames or some sample mock-up ideas how we want our
new web-app to look like.
- Also, wire-frames for some important pages like Client Page, Dashboard
- Use of Data-table as in our current application we have a lot many
views using data-tables. @Ed Cable <edcable@xxxxxxxxx> If you can give
some feedback improvement we needed from the current look we have so we
in-corporate from start and maintain same data-table in entire project.
- Make sure you re-use as much code as possible by making proper
- Go through each page on current community-app to find what all pages
are sharing same modules like I mentioned of data-table. This will help you
re-use code and fasten the development cycle.
@Mohit Bajoria <mohitbajo36@xxxxxxxxx> @Pranjal Goswami
<pranjal.b.goswami@xxxxxxxxx> Please add more suggestions you have from
your experience or something I might not be right here. Let's try to help
out both Anwesh and Abhay as much possible from our available time, as I
can see they have a big task in front of them, which I am positive that
they can take over :)
On Sat, Jun 9, 2018 at 11:41 PM Anwesh Krishna Nayak <anweshknayak@xxxxxxxxx>
> Infact we are using material based design for Angular that is bootswatch
> and ng-bootstrap. We are already following the UI/UX guidelines for
> On Sat, Jun 9, 2018 at 11:50 AM, Raunak Sett <sett.raunak@xxxxxxxxx>
>> We should use Angular Material. We should have consistent experience
>> across all platforms and given that we are already following material
>> design guidelines on a lot of our android clients as well as web. So it
>> would be easier if we just have a common UI/UX guidelines for the
>> On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <abhay.chawla97@xxxxxxxxx>
>>> Hello everyone,
>>> After some discussion, Anwesh and I have a come up with the following
>>> points regarding the decision to use Angular Material or bootswatch and
>>> ng-bootstrap for the new MifosX Web App (Angular 6):
>>> 1) ng-bootstrap is a wrapper over bootstrap.js which contains a set of
>>> Angular Directives that can be implemented without any dependencies on
>>> jQuery or popper.js https://ng-bootstrap.github.io/#/home
>>> 2) Bootswatch provides a collection of themes(21 + 1 default) for
>>> Bootstrap https://github.com/thomaspark/bootswatch/
>>> 3) Bootswatch provides with an API which can be integrated with the
>>> platform for theme configuration easily and provide the organizations with
>>> a choice from these 21 themes https://bootswatch.com/api/4.json
>>> 4) We are currently using the bootswatch material theme to compete and
>>> provide with a similar kind of look as by angular-material
>>> 5) New themes if required can be configured easily using bootstrap, as a
>>> simple example I have created a demonstration here:
>>> 6) We can also provide instructions so that the organizations will be
>>> able to clone the project, create their own custom theme, build the app and
>>> use that theme.
>>> 7) Overall, ng-bootstrap and bootswatch built on top of bootstrap are
>>> easy to implement and could be modified and used to suit our needs
>>> 8) On the other hand, angular-material provides with 4 inbuilt material
>>> themes to chose from https://material.angular.io/
>>> 9) More custom themes can be configured according to organizations needs
>>> using angular-material as well but it will be a bit more complex
>>> 10) Overall, angular-material will be more time consuming and a little
>>> difficult to implement
>>> We would like to share this with the community and get their opinion
>>> regarding our choice of design framework so that we can finalize the same
>>> as soon as possible in the initial stage of the project.
>>> Looking forward to your responses.
>>> You received this message because you are subscribed to the Google
>>> Groups "Mifos Google Summer of Code 2018" group.
>>> To unsubscribe from this group and stop receiving emails from it, send
>>> an email to gsoc-2018+unsubscribe@xxxxxxxxx.
>> Raunak Sett
> You received this message because you are subscribed to the Google Groups
> "Mifos Google Summer of Code 2018" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to gsoc-2018+unsubscribe@xxxxxxxxx.