osdir.com

[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)


Hello Everyone,

Just to update on the latest activity going on the new web-app. Abhay,
Anwesh and me had a call on weekend where we discussed what was currently
built and shared my concerns with the approach we were following by not
using official Angular Material. There were multiple UI/UX concerns also
and some component level discussions and at the end we came to conclusion
that we will be going to use:

   - Angular Material for the new web-application
   - Another important point finalised was that we will be first preparing
   a shell structure of the application and then start working on each
   component.
   - We also took a look on to some dashboard themes for ideation on UI/UX
   and finalised it also.

Abhay just shared with initial structure he started and it's looking really
good now and he will soon deploy that for demo also once he integrate and
push it.

@Abhay Chawla <abhay.chawla97@xxxxxxxxx> @Anwesh Krishna Nayak
<anweshknayak@xxxxxxxxx> Also, some of the points that you should take care
while working from starting is:

   - Follow javascript style guidelines -
   https://github.com/airbnb/javascript
   - Proper code commenting, Indentation & formatting (use ESLint)
   - Proper code directory structure in feature base modularity
   - Try best not to write own custom/internal CSS if we can use helper
   classes in library
   - Naming convention of classes, function, variable (this will be part of
   airbnb styleguide)
   - Documentation should be done in parallel as we tend to miss this
   everytime
   - Responsiveness - When building a new component or page do test it
   should be responsive. Although by default ,most of material components take
   care of this, just in case you write anything custom do test this.
   - Webpack build process should be there so that project builds properly.


@Mentors: I request you all again to give your inputs so that we have more
pair of eyes looking onto the project, that way we can have most of the
basic things correct from start.
@Mohit I need your feedback on the offline support also, if we need to
setup anything from starting itself so our new application can work as PWA
installable app also. :)

Thanks
Gaurav

On Sat, Jun 16, 2018 at 6:20 PM Anwesh Krishna Nayak <anweshknayak@xxxxxxxxx>
wrote:

> Hi all,
>
> There was some error we faced so that material UI was not consistent
> yesterday. Its back up again.
> Please recheck https://openmf.github.io/web-app/
>
>
> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
> Feel free to provide feedback in the doc.
>
> Thanks
>
> On Sat, Jun 16, 2018 at 2:24 AM, Gaurav Saini <gauravsaini03@xxxxxxxxx>
> wrote:
>
>> As suggested by Abhay lets get on a call. I will fo my best to schedule
>> it in weekend itself.
>>
>> Also, i saw the doc with screenshots there are really basic UI/UX
>> mistakes done in new designs ideas shared that is the main reason to use
>> angular material as you will stick to exact component designs.
>>
>> Let's have a call and discuss about all these in weekend itself.
>>
>> Thanks
>> Gaurav
>>
>> On Fri 15 Jun, 2018, 21:42 Anwesh Krishna Nayak, <anweshknayak@xxxxxxxxx>
>> wrote:
>>
>>> I have attached below the doc containing redesigning of all UI and links
>>> respectively
>>>
>>> Link :
>>> https://docs.google.com/document/d/1H9w7QWenox9M0nb29WR4RmvV94Jsjj0LglUZ3wCzbw8/edit?usp=sharing
>>>
>>> Thanks
>>>
>>> --
>>> 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.
>>>
>> --
>> 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.
>>
>
>

-- 
Regards,
*Gaurav Saini*