WaterTracker is a web application that allows users to track their daily water intake, keeping track of their water portions throughout the day. The application includes a feature to calculate the daily water intake requirement based on the user's gender, weight, and hours of activity. Users can also manually set their daily water intake goal.
-
Customizable Daily Norm: Users have the option to calculate their recommended daily water intake based on factors such as gender, weight, and activity level, or manually input their desired daily goal.
-
Water Intake Tracking: Users can monitor the amount of water consumed each day by adding portions throughout the day. They can also edit portions if necessary.
-
Crossbar Indicator: A special crossbar displays the percentage of water consumed for the day relative to the daily intake goal.
-
Monthly Statistics: Users can view their water intake statistics for each day of the month, presented as percentages, in a calendar view.
-
User Profile Editing: The application allows users to edit their profile information, including their name, password, and avatar. (./src/assets/assetsWT/Home.png)
Frontend: HTML, CSS, React.js, Redux Toolkit, Create Vite Backend: Node.js, Express.js, Mongoose Database: MongoDB API Documentation: Swagger
Backend: The backend of WaterTracker is deployed and operational on Render Frontend: The frontend is hosted on GitHub Pages and can be accessed here.
To start using WaterTracker, simply visit the frontend application and sign up for an account. Once registered, you can begin tracking your water intake immediately.
WaterTracker is an open-source project, and contributions are welcome! If you're interested in contributing, please fork the repository, make your changes, and submit a pull request.