/drinkWater

💧 "Drink Water" is an app that allows you to easily and quickly know the amount of water consumed by each 250ml glass. It is a project focused on the importance of daily water consumption.

Primary LanguageJavaScript

💧 Drink Water

ÍNDICE

1. Drink Water

💧"Drink Water" is an app that allows you to easily and quickly know the amount of water consumed by each 250ml glass. It is a project focused on the importance of daily water consumption.

2. Realization of the Project

2.1 Design 📱


2.1.1 Low Fidelity Prototyping: 📝

When defining what content would go on the web page, a rough prototype of the distribution was made, with pencil and paper.

2.1.2 Wireframe: 🙋🏼

Therefore, in this phase we seek to make a more detailed virtual distribution scheme in Figma.

2.1.2 High Fidelity Prototyping: 💁🏼

After having the Wireframe, the web design is made based on styles, color palette, among other resources.

2.2 Result of the project: 📱

Below is attached the link to deploy the project.

3. Technologies used 👩🏾‍💻

3.1 For structure and design:

  • HTML: Following the rules of semantic HTML, the project was structured.

  • CSS: Used to define the visual style of the project.

  • Figma: Platform to create the prototype structures (Wireframe, high-fidelity prototype, mockups).

3.2 For Testing:

  • Jest: Framework to perform unit tests.

3.3 For functionality:

4. Authors: 📍