https://github.com/synthetic-borealis/covtracker
A personal covid symptom tracker
https://github.com/synthetic-borealis/covtracker
Last synced: 4 months ago
JSON representation
A personal covid symptom tracker
- Host: GitHub
- URL: https://github.com/synthetic-borealis/covtracker
- Owner: synthetic-borealis
- Created: 2021-10-05T07:28:24.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-10-08T12:17:09.000Z (over 3 years ago)
- Last Synced: 2024-12-31T09:18:32.348Z (5 months ago)
- Language: CSS
- Size: 3.77 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CovTracker
A personal Covid-19 symptom tracker.
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [Useful resources](#useful-resources)
- [Author](#author)
## Overview
### The challenge
Users should be able to:
- View the the app on a mobile device.
- See hover states for all interactive elements on the page when supported by the device.
- Add their symptoms on a daily basis.
- View all interactive elements on a popup panel.
### Screenshots
### Links
- [Live Site](https://synthetic-borealis.github.io/CovTracker/)
- [Github Repository](https://github.com/synthetic-borealis/CovTracker)
## My process
### Built with
- Semantic HTML5 markup
- CSS
- Flexbox
- Java Script
- BEM
- Mobile-first workflow
### What I learned
While working on this project we learned how some nifty UI tricks, such as how to create animated UI panels.
### Continued development
At some point in the future we'd like to convert this project to React (or a similar project), and perhaps turn it into a mobile application that can run outside of a browser.
### Useful resources
- [How to Create a Collapsible](https://www.w3schools.com/howto/howto_js_collapsible.asp) - This tutorial helped us a lot when it came to create the animated UI panels (with some adjustments to make it fit our needs for this project).
- [Vanilla Calendar](https://github.com/marssola/vanilla-calendar) - An open-source calendar library written in vanilla JavaScript & CSS that we initially planned to use in our project.
## Author
Designer: Mari Shinybekova
Programmers: [Guy Gleb Kasner](https://github.com/Glebkas) & [Elhanan Flesch](https://github.com/synthetic-borealis)