Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Covid Glimpse ideas #32

Open
hanseaston opened this issue Aug 9, 2020 · 3 comments
Open

Covid Glimpse ideas #32

hanseaston opened this issue Aug 9, 2020 · 3 comments
Labels
beginner friendly Good for newcomers css design potential design changes, structural or layout-related frontend new feature proposing potential new features react

Comments

@hanseaston
Copy link
Owner

This is a new page that I have working on lately. The goal of this page is to display information on the current COVID-19 situation.

Some of current delivery customers choose to use our service because they are worried about safety due to COVID-19. I realized it might be good idea to include some relevant information on COVID-19 in the shop page as well. Right now, I have been following this awesome Youtube video on building up some related functionalities. This is what I have built so far.

Screen Shot 2020-08-09 at 11 00 08 AM

There's certainly a lot more we can do to make this page do better. Any ideas or suggestions would be appreciated. If you want to modify this page or add new features, just leave a comment down below and open a new issue describing what you will be doing.

If this is something people are really interested in working on, I will potentially categorize this as one of the milestones! ♥️

@hanseaston hanseaston added beginner friendly Good for newcomers css design potential design changes, structural or layout-related frontend new feature proposing potential new features react labels Aug 9, 2020
@hayderjebur
Copy link

Hi Hans, my name is Hayder and this is the first time for me to contribute. I would start with this issue Altho there is not much to do except maybe change the color of the numbers of each. For example, the number of Recoveries in green, and Infected in red. Also, I would remove the Deaths section just my opinion.

@hayderjebur
Copy link

Also, I am thinking maybe show the data as chart or graph.

@praveen-raj-c
Copy link

Hey Hans, I'm praveen basically im a photo editor & simple animator so i have the Ideas for your website designs. I would start with the background design and color. Use the contrast colors or a GIF background with a colour of "Blue Shades, White, and Red-Violet" because ,It uses pale blue as the background color to provide a stark contrast. The contrasting colors add more depth to the isometric web design. and use more animation like mouse animations like click sounds etc,.. and graphs for covid cases increase decrease while clicking each classification like infected , recoveries and death .use background aminations like TESLA - "https://www.tesla.com/".... I think this will helps u to make a contrast websites.
use these images for references!
BG

https://www.windy.com/ like this show the live ,past, and future with time line option.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
beginner friendly Good for newcomers css design potential design changes, structural or layout-related frontend new feature proposing potential new features react
Projects
None yet
Development

No branches or pull requests

3 participants