Front-End UI for MVP

[ainsleys]

We will need a front-end that:

• interacts with the SafeTrace API (https://github.com/enigmampc/SafeTrace/tree/master/api-server)
• replicates the functionality described by wireframes in https://github.com/enigmampc/SafeTrace/issues/20

We're agnostic to the libraries/frameworks used, tho I think team members are most familiar w/ React.

Some milestones for this issue:

• [ ] app scaffolding added to project repo
• [ ] replicates views detailed in wireframes, including Individual Results
• [ ] API endpoints included
• [ ] communicates with backend (separate from SafeTrace API server) to enable users to create userID and to log-in

related issue: https://github.com/enigmampc/SafeTrace/issues/3

[alaaltoros]

I am working on this issue, starting with the sign-up form and integrating it with the API

[ainsleys]

Hey @alaaltoros -- @shenrene was able to convert the python script to js ( see this issue https://github.com/enigmampc/SafeTrace/issues/16) . Let me know if you can work with this for transforming the google takeout json into the json expected by the SafeTrace API! As discussed yesterday, this should all take place in the client for privacy reasons

[alaaltoros]

Looks good, will need to modify the script a little to be able to parse a local file (the script downloads it from the server)

[ainsleys]

ah-- yep I see. That's my bad, I don't think I clarified where the file originates when discussing requirements with @shenrene . Let me know if you run into any issues!

[alaaltoros]

Hey @ainsleys

I created this PR. It is not ready yet.

It includes the following:

• Basic UI
• Login/logout with google
• Location data parse script

I Will be updating it as soon as other parts are ready. Please feel free to try it out, check the UI and give feedback.

P.S. The login/logout functionality requires google client id (check the README.md) and the upload button will output the parsed data in the console.