Best Flask open-source libraries and packages

Drink Water Tracker API

Simple Hydration Tracker: FastAPI on the backend and Flask on frontend with a Middleware, for a water intake monitoring app. Track daily consumption, set goals, and visualize progress with a MongoDB database.
Updated 6 months ago

Hydration Tracker App (FastAPI + Flask)

Keep track of your daily water intake and maintain a healthy lifestyle with the Hydration Tracker App. This application combines the power of FastAPI and Flask to provide users with a seamless experience in monitoring their hydration levels.

Table of Contents

Features

  • User registration and profile management.
  • Real-time water consumption tracking.
  • Personalized daily hydration goal calculation.
  • Historical data visualization for progress monitoring.

Screenshots

Insert screenshots or GIFs showcasing the app's UI and features.

Getting Started

Prerequisites

  • Python 3.10 or later
  • Docker (for running the MongoDB instance and the API instance)

Installation

  1. Clone the repository:
git clone https://github.com/your-username/hydration-tracker.git
cd hydration-tracker
  1. Install the required Python packages:
pip install -r requirements.txt
  1. Set up the MongoDB database using Docker:
docker run -d -p 27017:27017 --name hydration-db mongo:latest
  1. Configure the app settings in config.py with MongoDB address
MONGODB_URI = __.__.__.__

USAGE

Start the FastAPI & Flask directly:

uvicorn app:api

Or run it on a Docker Container:

docker build -t drink_tracker_app .
docker run -d -p 8000:8000 drink_tracker_app

API Documentation

Detailed API documentation and usage instructions can be found in http://localhost:8000/docs#

Frontend

The Flask-based frontend provides an intuitive user interface to interact with the hydration tracker. Navigate to http://localhost:8000/app after starting the app.

License

This project is licensed under the MIT License.

Acknowledgements

  • Built using FastAPI and Flask.
  • MongoDB Docker container powered by MongoDB Official Image.
Tags middleware