Covid Relief

• 

  1) Loading Animation that goes on until website loads.

• 

  2) Main Homepage.

• 

  3) List of all available Plasma Donors Page.

• 

  4) List of all available Hospital Beds Page.

• 

  5) List of all available Oxygen Suppliers Page.

• 

  6) List of all available Medicine/Injection Suppliers Page.

• 

  7) List of all available Ambulance Service Providers Page.

• 

  8) List of all available Meal/Tiffin Service Providers Page.

• 

  9) All Resources Page.

• 

  10) Website Resources Page.

• 

  11) Instagram Resources Page.

• 

  12) Twitter Resources Page.

• 

  13) Add a Plasma Donor Contact Page.

• 

  14) Add a Tiffin Service Provider Contact Page.

• 

  15) Join as a Volunteer Page.

• 

  16) Thank You Page when user joins as a Volunteer.

• 

  17) Terms and Conditions Page.

Inspiration

As you all know that COVID has been very worst in everybody's life so I thought to make a Project that will be Useful for the people in some way during these tough times. I got inspiration from various COVID Help websites and got this idea.

What it does

This website helps people to Find Valid Information about available Plasma Donors, Hospital Beds, Oxygen Suppliers, Medicine/Injection Suppliers, Ambulance Providers and Meal/Tiffin Service Providers.

How I built it

I built this website using HTML, CSS, JavaScript and Bootstrap and Hosted this website using Google Firebase.

Challenges I ran into

I was facing issues while Designing the User Interface (UI) for the website because I am a Developer and not a Designer, but in the end, I came up with a Decent Design.

Accomplishments that I am proud of

I am proud of the website that I have made because I only have one question to myself whenever I make any project i.e. How will this project be useful to people?. So I try to make a Useful Project from a Real Idea.

What I learned

From this project, I have learned about Designing the Website by using various Design principles like Typography, Consistency, Accessibility, etc

What's next for Covid Relief

These things could be added as future updates to this website:

1. Add support for multiple languages.
2. Make UI better, cleaner, and accessible.
3. Add support for various countries like for example: Currently, this website is only having data that is based on states in India.

Built With

• bootstrap
• css
• firebase
• html
• javascript