covid-vaccines-tracker's Introduction
covid-vaccines-tracker's People
Forkers
daveliew weiplanet keilo75 atbuy joshuay03 ciandm benjiww colt4d5 ricky-ho kaushal-panchal krvignesh anshul140 dkoode sanyamjain036 julianar97 saliou1920 yash-271120 kylecroxall heyreggie narthanan acmahaja kkiyomi godwin-olele ashish-15s jeil-dev 4dityaratan scarlet06 dhiman23covid-vaccines-tracker's Issues
Format number in differenceCounter
+1000000
=> +1.000.000
Live link Covidvaccinetrack.com is not working
Adapt the style of the searchbar to the design of the Website
Remove ( Contribute ) text beside the github icon when hovering on the icon
The ( contribute ) text beside the GitHub icon is not compatible there. it should be removed because the GitHub icon has a title that defines the (Contribute text ) beside it.
covidtrackerssue.mp4
Share buttons are not aligned in the navbar.
Left out merge conflict markers in country.html
Someone forgot to clear out merge conflict markers in country.html
Add menu to navbar
I think it is more correct to delete the share button and replace it with a real menu (Hamburger on mobile) and add the git hub and contributors page to it
Vertical align navbar item
Add hover effect on counters on top
Add charts of selected country in country.html
Find a better color palette
If you can find a better color palette than the current one, send a pull requqest
Canโt โorder byโ searched countryโs (search bar)
'Order by' buttons don't work with country results from the search bar.
.currentVaccineNumber takes 2 row when the number exceeds one billion on mobile
Feature Request: World map to visualize the data
Hey ๐ check this out.
AwesomeScreensho.mp4
๐ค I thought it would be great to have a global map ๐บ๏ธ to visualize all of the data. It's not finished yet.
๐ค I need to find a way to import countryData from script.js to the file I created map.js
I'm using Google charts Library ๐ here
Add share button to navbar
Change "CovidVaccineCounter" logo to "CovidVaccineTrack"
Make the website online
I think that it would be pretty cool if this was actually online, as it is a good looking project that looks very useful. Using a service like Netlify would simplify things as you can tie it to your GitHub so everything is automated, and all for free. Or through GitHub Pages.
Improve search performance
The search lag on smartphones and PCs from a few years ago.
Show filterDiv once the page is loaded.
Before the page is fully loaded, you see a white screen with only the search bar and the filter dropdown. I think it would be better if they were loaded once the page is fully loaded
Add hover effect to searchBar
What about the scrape
Add share button to the navbar
Improve SEO ranking
If you are experienced in optimizing SEO, it would be nice to know what kind of meta tags or other things to add to the website to boost it.
Add some indicator to the counter boxes that hovering over them will change data shown on the map
On the counter boxes on the front page when you hover over them the map changes data to that displayed in the counters (see below for counters).
We need to indicate this to the user so they don't just find out by hovering over the boxes, maybe a little note in the top right corner of each counter (see counter above) saying something like "hover over me to change the data displayed on the map".
Cheers guys, any questions feel free to comment. All levels welcome as always.
Add Flags to country.html
New
Add .DS_STORE as a gitignore
Instead of deleting DS_STORE from every single file instead add DS_STORE in gitignore
Create a page with all the contributors name
Oversized country_counters formatting on mobile
Make the title cards for country.html look more natural
Add the name of the selected country in country.html
Dynamic <title> country.html
It would be cool if the <title>
in country.html dynamically change based on the selected country.
Add dynamic description in country.html
Change the description based on the selected country
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.