Project Detail: Final Project of NYU's Dynamic Web Applications

Timeline: March 2020 - May 2020

For my final project of my Dynamic Web Applications course, I was tasked with the following project description:

• Use React.js

• Querying and using 2 sources of API in a UI

• UI changing based on the data changing

• Applying these principles to a concept

During this time, COVID-19 had just become nationally recognized due to its widespread impact in our community and in the world. I decided to dedicate my final project to this by developing a web application that would display COVID-19 data in the most affected countries along with respective news regarding the virus. Using axios, I was able to collect COVID-19 data for every country from this Heroku app and COVID-19 news data by querying from News API with keywords “coronavirus” and the queried country name.

I also incorporated Chart.js and routed the number of cases in the most affected countries to illustrate the data in a bar graph.

Overall, this was a challenging project that definitely improved my web development skills using API and displaying the data in a changing UI. There were many ups and downs throughout the development process including multiple hours of browsing the News API documentation and Stack Overflow, but I was very satisfied with how the project turned out. And even to this day, I load up my COVID-19 Tracker and educate myself with some data and news.

TECHNICAL SKILLS

APIs

Data Visualization

Web Design

Web Development

PERSONAL SKILLS

Critical Thinking

Problem Solving

Time Management

TOOLS USED

axios (npm)

Chart.js (npm)

CSS

Git

News API

COVID-19 API

ReactJS (HTML/JavaScript)

Visual Studio Code

RELEVANT LINKS