git.net

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: Web-App (Angular 6): Choice of Design Framework - Angular Material vs bootswatch and ng-bootstrap)


Hi all,

Pranjal,

Would you be able to join the GSOC check-in today to participate in the
discussion regarding the design framework. Mohit and Gaurav were going to
try to participate as well.

Ed

On Sat, Jun 9, 2018 at 11:11 AM Anwesh Krishna Nayak <anweshknayak@xxxxxxxxx>
wrote:

> Raunak,
>
> Infact we are using material based design for Angular that is bootswatch
> and ng-bootstrap. We are already following the UI/UX guidelines for
> consistency.
>
> Thanks
>
> On Sat, Jun 9, 2018 at 11:50 AM, Raunak Sett <sett.raunak@xxxxxxxxx>
> wrote:
>
>> 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
>> consistency.
>>
>> On Fri, Jun 8, 2018 at 10:13 PM Abhay Chawla <abhay.chawla97@xxxxxxxxx>
>> wrote:
>>
>>> 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:
>>> https://abhaychawla.github.io/angular-theme/
>>> 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.
>>>
>>> Thanks
>>> Abhay.
>>>
>>> --
>>> 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
>>
>
>

-- 
*Ed Cable*
President/CEO, Mifos Initiative
edcable@xxxxxxxxx | Skype: edcable | Mobile: +1.484.477.8649

*Collectively Creating a World of 3 Billion Maries | *http://mifos.org
<http://facebook.com/mifos>  <http://www.twitter.com/mifos>


( ! ) Warning: include(msgfooter.php): failed to open stream: No such file or directory in /var/www/git/apache-fineract-developers/msg04501.html on line 163
Call Stack
#TimeMemoryFunctionLocation
10.0009368824{main}( ).../msg04501.html:0

( ! ) Warning: include(): Failed opening 'msgfooter.php' for inclusion (include_path='.:/var/www/git') in /var/www/git/apache-fineract-developers/msg04501.html on line 163
Call Stack
#TimeMemoryFunctionLocation
10.0009368824{main}( ).../msg04501.html:0