DEV Community

Cover image for What I'm doing in this WEIRD times?
Youssef Rabei
Youssef Rabei

Posted on • Updated on

What I'm doing in this WEIRD times?

I'm working on a web app about COVID-19 called COVEGY.
It should have like a dashboard or analytics, the latest news about the coronavirus worldwide, a story about this virus and how to protect ourselves from it, etc.

What technologies I'm using (For Now)

Front-End

  • For creating the UI I will choose ReactJs and gonna use it's boilerplate create-react-app by Facebook.
  • For the Styling, I always style using CSS but now I will try Sass

Visualizing my data

  • Chart.js for displaying the charts obviously
  • Leaflet for displaying the Map, It's an open-source JavaScript library for mobile-friendly interactive maps

Deployment

I 'm gonna use Netlify, It's free, easy to use and most importantly Fast.


Where to get the data for the dashboard

There is a lot of sources out there but I will choose this API coronatracker


Obstacles (Bugs)

  • I never made a website that content had to be connected on multiple pages, I made a lot of multi-pages websites like the home page, the about page and so on but now in this web and in my blog I have to divide the news or posts into multiple pages like every page have 5 posts, so I read about it and found that I will make the URL take a parameter I think (I don't remember what does it call exactly) but it will be after the URL "?" a question mark with the page number something like this (www.covegy.netlify.com/news?page=3) OR like this (www.covegy.netlify.com/news/page/3), SO if anyone knows what should I do please let me know in the comments. (Just to know, I'm using react-router)
  • The Design I'm not a designer and I don't want my design to be normal, So I opened a lot of design websites and I knew what I want to my web be like but when I opened adobeXD I couldn't do it so I made a simple design.
    So that's it for now, if you have any ideas or questions about this web let me know in the comments

Thanks for reading, I really appreciate it

Top comments (0)