COVID Toolbox

Helping those in need.

Comment

Inspiration

Our goal was to create an accessible and easy-to-use website that allows people to get necessary information about vaccines and the process of eradicating COVID-19. We noticed that there was a void in which people weren't able to get vaccines and necessary information about the virus, so we decided to fill that role.

What it does

COVID Toolbox is a multipage website that focuses on delivering information via news sources, graphs, maps, as well as supplying an accessible route to obtaining a vaccine.

How I built it

We started with creating a design in Adobe Xd, and from there we used Tailwind-css and Gsap in order to create a lively version of it. After that, we began to work on the backend scripts, and for those we used multiple frameworks and technologies including node.js, express.js, rest api, the google-maps-api, and a few more frameworks. Then, we connected all of the backend to the frontend using javascript.

Challenges I ran into

Our main challenge was completing everything within the given time constraint. We had a lot of features, so getting everything coded and connected took a while, but luckily we pulled it off just in time.

Accomplishments that I'm proud of

We're most proud of the automatic vaccine appointment scheduler. We are also proud of making a seamless and easy-to-use UI in the time given.

What I learned

We learned how to use new technologies such as the google maps API and Chart.js. We also learned more about REST APIs and

What's next for COVID Toolbox

Next, we would like to make COVID Toolbox mobile friendly. We would also want to be able to run the auto scheduler for multiple people at one time via one session. One final that thing we would also like to add is storing cookies in order to save user data.

Built With

Share this project:

Updates