Architected a flow chart visualization for step functions using React Flow, to design flow charts composed of React components which decreased rendering time for displaying multiple charts at once and using an established tool for improved development practices.
Integrated Redux as a state management tool for efficient fetching and storage of step function data retrieved from AWS to increase performance of rendering visualizations that relied on this data as well as help co-developers on the project understand our state management and contain state changes to a centralized store that scaled well with the product requirements..
Assembled application with Vite for development and production which enabled real-time updates during the development phase which in turn enhanced workflow efficiency without requiring the significant configuration seen in other tools.
Designed and implemented an SQL database in order to store data in an ACID compliant system. The relationship between step functions, their actions, and the data we wanted to store about each required a strong relational database to query, which PostgreSQL provided, which in turn enhanced application performance due to the efficiency of data retrieval.
Configured Docker Compose to build separate integrated images of the application and the database to deploy for production which ensured consistent performance across all platforms to improve deployment reliability.
Installed both Chartjs and Plotly to generate line graphs and heatmaps for step function latency data visualization using line charts and heat maps, giving fine tuned control with an effective data representation tool that required minimal overhead and less configuration than other graphing tools.
