vinitshahdeo / Water-Monitoring-System

Water Monitoring System is an IOT based Liquid Level Monitoring system that has mechanisms to keep the user alerted in case of liquid overflow or when tank depletes.

Home Page:https://vinitshahdeo.github.io/Water-Monitoring-System/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

UI Enhancements

vinitshahdeo opened this issue · comments

The current UI is using static HTML. Come up with an attractive UI containing animation to display the level of water in different tanks.

Screenshot 2019-12-31 at 9 06 14 PM

For animation, it's suggested to use the existing library: createWaterBall-jquery.js. See the demo here.

NOTE: Before writing UI element, please post a rough wireframe here and proceed to the development after the approval.

I have submitted pr #12 .
please review and merge.

@thesrijande Thanks for the PR. I see bare minimum changes in code, can you please add some more UI elements and update the PR. Take your time and build a better UI.

I have done some changes, please review again my pr.

@thesrijande Thanks for the changes, can you please update the PR description with the relevant screenshots of UI?

I would like to work on this issue can you please assign it to me. I have some ideas regarding the same.

Please assign this issue to me. I can change the UI and make it look appealing

@vinitshahdeo I did some changes in the UI. Please go through it

water

Hi, can I work on this issue?

@vinitshahdeo @PragatiVerma18 Hi, I want to work on this issue. Can you please assign this to me?

If this isn't taken up I can look into it ? @vinitshahdeo

@Ruchika30 Hey, please check once with @PragatiVerma18 @jainpawan21. This issue has multiple tasks associated with it.

@Ruchika30 and @iBruceW, can you both please elaborate your UI improvement suggestions before I can assign this issue to any of you.

Hi @PragatiVerma18 would u pls help me so as to which branch I need to take pull...is it /frontend?