webapp

TF Watcher (Webapp)

TF Watcher Webapp is built with React, Chakra-UI and Firebase SDK. The main aim of this application is to monitor ML training or testing process. It is connected with Firebase, to get real time updates and show graphs for the same.

Visit the deployed website to test it out.

Features 👓

• Authentication
• Connecting with Firebase Realtime Database
• Read data and format it to display charts
• Deployed to Azure Static Webapp
• Tests (WIP)

About this project 💡

The project has two main screens:

• Home: Displays the home screen, where the user can enter the key generated by Python package
• Charts: Displays the real-time charts for the entered key

Firebase Instance:

• Firebase: Configure the Firebase Instance and leverages its functionality for authentication and accessing real-time data.

Development Setup 🖥️

You will require Yarn or npm to be able to run this application locally. Download npm from here and Yarn from here

To setup tfwatcher webapp and get all its dependencies, run the following:

git clone https://github.com/Rishit-dagli/TF-Watcher.git
# or clone your own fork

cd webapp
yarn install

To run the application locally:

yarn start

To create a build version:

yarn run build

Built with 🛠

• React - A JavaScript library for building user interfaces
• Create-React-App - A library used to bootstrap React application
• Chakra UI - A UI library to create accessible React apps with speed
• Firebase - Accelerate and scale app development with fully managed backend infrastructure
  • Realtime Database - Cloud-hosted NoSQL database to store and sync dataa in rwaltime
  • Authentication - Simple, free multi-platform sign-in
• Recharts - A charting library to built on React components
• Azure Static Web Apps - Used to deployment and CI/CD