https://github.com/mohamedhegab/metric_visualizer

React frontend application with ruby on rails on backend helping visualizing different metrics and can add readings to these metrics
https://github.com/mohamedhegab/metric_visualizer

formik json-api nivo rails6 reactjs rspec-rails ruby tailwind

Last synced: 8 days ago
JSON representation

React frontend application with ruby on rails on backend helping visualizing different metrics and can add readings to these metrics

• Host: GitHub
• URL: https://github.com/mohamedhegab/metric_visualizer
• Owner: MohamedHegab
• Created: 2021-06-04T14:25:33.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-05-10T09:50:54.000Z (over 2 years ago)
• Last Synced: 2024-11-02T16:25:40.779Z (13 days ago)
• Topics: formik, json-api, nivo, rails6, reactjs, rspec-rails, ruby, tailwind
• Language: Ruby
• Homepage:
• Size: 201 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Metric Visualizer

![https://i.ibb.co/7NT2GWK/metric-visualizer-image.png](https://i.ibb.co/7NT2GWK/metric-visualizer-image.png)

## **Description**

Enable you to view your data in nice graphs with the ability to add another metric or add data to any metric.

Can filter each graph with the time range and the average / period data.

## **Prerequisites**

- Ruby 2.7.2 installed on the system

- Yarn Installed on the system

## **How To Start**

1. `bundle install`

2. `rails db:create && rails db:migrate && rails db:seed`

3. `yarn install`

4. `rails s`

## **About the Project**

Backend ruby on rails application tested with RSpec.

These are the relation between models in the backend.

![https://i.ibb.co/6BhxbW6/metric-visualizer-be.png](https://i.ibb.co/6BhxbW6/metric-visualizer-be.png)

The relation between components in React

![https://i.ibb.co/kSf8wwh/metric-visualizer-fd.png](https://i.ibb.co/kSf8wwh/metric-visualizer-fd.png)

## **Future Enhancements**

- Expose add reading api so that we can add reading automatically from multiple sources