This document is to provide an overview of styles utilized in the app. The design team has made efforts to uniformly style the UI with Material UI and CSS. All buttons, font, background, icons, should match the wireframes linked below as closely as possible. Please remember to use makeStyles instead of in-line styles.
- Red: #f64141
- Blue gradient (button): #4760ff (dark blue) --> #82a4f8 (light blue)
- Blue gradient (calendar): #7a9cf9 (dark blue) --> #97b9f7 (light blue)
- Main blue (bar calendar, buttons): #6795fc
- Dark Grey: #2c2c2c
- Light Grey: #aaaaaa
- Off White: #ebebeb
- White: #ffffff
SLIDING SCALE
- Selected Red: #f64141
- Unselected Grey: #b8b8b8
- Grey slide bar: #666666
- Box outline: #dfdfdf
TEMPERATURE GRADIENT
- Blue #3100fe --> Red #f33443
APP BACKGROUND BLUE GRADIENT
- Light blue: #d7e1fa
- Dark blue: #bbcef9
- Join our Discord Server
- Visit our Website CoronaTracker.me
- View the Beta Version of the App
- View our community health files:
- Contributing Guidelines: including more about the project and how to get involved
- Support Documentation: including team members, resources, and references
- Code of Conduct: including examples of behavior that contributes to creating a positive environment
Also known as "The Dude", "His Dudeness", "Duder" or "El Duderino" if you're not into the whole brevity thing.
Front End Code, Documentation, and booking meetings with experts
Open to peer program any issue or bugs!
- Github: @tesla809
- Discord: @Anthony A.
Back End, Front End, Systems Architecture
- Github: @Carter Klein
- Discord: @Carter Klein
Front End, Design, Social Media Marketing
- Github: @Brian H. Hough
- Discord: @InterstellarX
Front End, Documentation, Machine Learning
Open to peer program any issue or bugs!
- Github: @akilhylton
- Discord: @Akil Hylton
Data Models, Analytics, Data Science
- Github: @ngiangre
- Discord: @NickG
Translations, Analytics
- Github: @salvolpe
- Discord: @laseplov
Managing Discord, Discord Roles, Front End, Translations
- Github: @lukelin1991
- Discord: @kirbypooh
Documentation, Documentation, Documentation
- Github: @whoabuddy
- Discord: @whoabuddy
Corona-tracker: CoronaTracker is an easy-to-use and accessible progressive web application that helps you monitor your wellness and stay informed during the COVID-19 crisis, designed by an open-source community invested in public health.
Coronalert: CoronaTracker notification service
Coronalytics: CoronaTracker analytics service
Coronadvise: CoronaTracker education service
.github: Community health files for the @COVID-19-electronic-health-system organization.
PanFLUte: An open source spirometer for everyone.