Water is a basic element of every life. Human's body contains mainly water (60%-70%). It is so important to drink sufficient amount of water and it is a basic reason why this app has been made. This app will help you recognise how much water you drink. Remember - You have to drink at least 8 glasses of water per day if you want to hydrate you body correctly. Table of scores shows if you should change your habit or not. One activity you should do is adding glass of water in app after every glass of water you drunk in real life.
** To update your score in the table after you added glasses of water, you should refresh app because of Local Storage **
- HTML5 (semantic code and BEM)
- CSS3 (flex + SASS)
- JavaScript ES6
- Node.js + NPM
- Gulp
- Webpack
- Visual Studio Code
- Canva
Link leads to online version is HERE
- First of all, you should install node.js on your computer software (of course, if you haven't done it earlier). Next step is download a file (In order to do it, visit this page) and installation. To being sure node is installed, run your software terminal and write command:
node -v(if node is installed you will see number of current installed version). 2. Run computer terminal as administrator and install Gulp Task Runner by using:
npm install -g gulp-cli- Clone repository to your new project file.
- Third step is initialization of NPM to your project by using:
npm initand installation of the NPM components(packages) by using command:
npm install- If you have done every above steps, you can run the project in live preview. In order to this you have to use command:
gulpin your terminal. If you want to close live preview - use ctrl + c.