Mobile Homepage - Githubissues

vector-engineering / covidcg

A COVID-19 CoV Genetics (CG) browser to inform therapeutics development

https://covidcg.org

MIT License

26 stars 5 forks source link

Mobile Homepage #451

Open atc3 opened 2 years ago

atc3 commented 2 years ago

MOBILE REDESIGN

Scope of this project: Redesign the home page for phones

We won't use media queries, responsive CSS, etc. Make a totally separate mobile site (can still share components with desktop site)
Only port over 1) Surveillance plots 2) Global Sequencing Effort plots

1) Design mobile page and plots

Current plots are mouse-centric. Need to adapt them for touch
i.e., Hovering over variants in the home page surveillance won't be possible on a phone
Rearrange plot objects to fit on a screen, only scroll vertically
Rethink how to interact with plots only through touch
Wireframe in Balsamiq, plot mockups might require more powerful tools

2) Implementation - separate Vega Specs and React Components

Mobile detection code/components are currently in src/components/Pages/HomePage

atc3 commented 2 years ago

Maybe see if LiteMol would work well on a phone?