WatchTower GUI v1 Roadmap

[Enigmazflo]

Planing

• Decide Framework. #1

React Concepts and Components:

• make GUI rough sketch #3
• Decide the file structure for this project #4
• Write a backend server code which runs on node.js to fetch api data from the master server #5
• Learn React resources #6
• Framework for UI #7
• Demo UI code in react #8
• Connect react and node.js to fetch api resoponse #9
• Debugging and learning react #11
• Visibility issue ?

Chart.js Integration and Issues:

• Iterating through loop
• dependency not getting resolved for chart.js
• scales and element error for chart.js
• Render multiple data sources dynamically
• Convert everything to component based and used as its own element creator
• How to manage canvas id duplication ?
• Legends and tooltip is not rendering
• Figure out how to show time on y axis using ":"

React Component and Styling Issues:

• function return in react
  • history data rendering
  • live data rendering
• Override my custom css
• Images or SVG are not rendering or fetch by webpack #12
• class based component on react
• how to create structure in react and import in the App.js library
• Search for bootstrap css
• bootstrap css not importing completely
• bootstrap classes not working
• internal css through styling not working
• aync vs sync
• How to render components within different functions ?
• Add read more button using hooks
• UI overhaul

Bug Fixes related to libraries:

• react not compiling after installing things

Pinging System

• Pinging system for all our active links #2
• Decide language to Implement #13
• Test Run
• Structuring
• UI implementation
• Does it require a separate call or merge it in single stack call
• Implement http and https support

Phase 2

• Polish the UI and remove unnecessary components
• Update backend

Bugs

• When user gives wrong url, node js breaks

Future Scope

• create Node.js email system to send error/downed server info through mail #14