Refactor Codebase

[snowcov]

Source Code needs to be Refactored to fit React guidelines.

[snowcov]

Refactored Navbar into React

• Refactored the Navbar and a main page for React using a React Component to create the navbar, this is the primitive navbar design, but the code should stay generally the same regardless.

Next Step: Refactoring Map into React

• Tentative approach: I worked with trying to load up the map with the legend and search bar at first and encountered many bugs from a variety of sources (not surprising). The problem was that I did not know what the source of a lot of them was, and I am still learning React as I go. So I have thought up a new approach to break down refactoring the map into stages. Stage 1: Implement Mapping API into React JS Stage 2: Implement Markers and Clustering Stage 3: Implement Search bar and Legend, possibly as separate components

[snowcov]

Implemented Mapping and Styling into React

Stage 1: Complete

Next Step: Ensuring the backend (Flask) works with frontend (React) to ensure we are able to load graphs/register/login.

[snowcov]

Connected Backend (Flask) with Frontend (React)

• Refactored file structure of python files used for flask into a backend directory and created connection between front end and back end Reference : https://dev.to/nagatodev/how-to-connect-flask-to-reactjs-1k8i

Implemented Updated Navbar into React

Next Steps:

• Ensure graphs from Flask can load properly in map component
• Implement Home Page
• Implement About Us Page
• Implement Login/Register Pages and ensure functionality