https://github.com/lucasbailo/water-calculator-react-tailwind

Creating an API that can really help me on a daily basis, and help my girlfriend to drink more water
https://github.com/lucasbailo/water-calculator-react-tailwind

api react tailwidcss useeffect-hook water-calculator water-consumption

Last synced: 25 days ago
JSON representation

Creating an API that can really help me on a daily basis, and help my girlfriend to drink more water

• Host: GitHub
• URL: https://github.com/lucasbailo/water-calculator-react-tailwind
• Owner: lucasbailo
• Created: 2024-08-14T20:51:52.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-09T18:21:16.000Z (over 1 year ago)
• Last Synced: 2025-08-16T11:48:43.211Z (10 months ago)
• Topics: api, react, tailwidcss, useeffect-hook, water-calculator, water-consumption
• Language: JavaScript
• Homepage: https://water-calculator-react-tailwind.vercel.app
• Size: 178 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Welcome again to another React project! 👋

# Vite + React Project

## Test the project yourself: [Teste the project here!!!](https://water-calculator-react-tailwind.vercel.app/)

### Home Page

- Calculate Page.

![](./src/components/images/sampleMobile.png)

### Menu Mobile

- Open Menu.

![](./src/components/images/sampleMobileMenu.png)

## Some code that I'm proud of

```js

const doCalculate = (event) => {

    event.preventDefault()

    const weight = dataWeight.current.value

    const waterNeed = defineWaterNeed()

    const totalWaterNeed = ((waterNeed * weight) / 1000)

    setResult(totalWaterNeed)

    setMlWater(waterNeed)

}

```

## Built with

- REACT + Vite;

- Tailwind;

- Microsoft Excel to make and compare the calculus.

## Author

- Website - [My GitHub](https://github.com/lucasbailo)

- Frontend Mentor - [@lucasbailo](https://www.frontendmentor.io/profile/lucasbailo)

- Instagram - [@lucassbailo](https://www.instagram.com/lucassbailo/)

- LinkedIn - [Lucas Bailo](https://www.linkedin.com/in/lcsbailo)

## References

- https://www.researchgate.net/publication/303535135_A_fuzzy_recommendation_system_for_daily_water_intake

- https://www.tuasaude.com/beber-agua/

- https://www.unitypoint.org/news-and-articles/how-much-protein-do-you-need-daily-ideal-protein-intake-for-muscle-growth-weight-loss-and-managing-chronic-conditions