Coder Social home page Coder Social logo

ayushsingh22 / shelter Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rajivranjanmars/shelter

0.0 1.0 0.0 7.17 MB

Shelter is a Disaster Management Portal which helps the victims to find shelter and basic necessity items.

HTML 56.06% CSS 32.94% JavaScript 11.00%

shelter's Introduction

Inspiration

During the covid-19 pandemic, the world got in chaos. It was so hard to put things in order which inspired us to make the shelter, we discovered a huge gap of interaction between donors and the needy.

Objective

The purpose of the disaster management project “Shelter” is to ensure that an organization can respond to a disaster or other emergency that affects information systems and reduce the impact to a minimal cause.

Project description

People are generally not prepared and unplanned for any disaster, be it an earthquake, tsunami, bush fire, etc. This website will help in providing training on do's and don'ts during a disaster to avoid any casualties. The platform will also provide the best evacuation and escape routes by providing a nearby place to live with medical and food assistance. This nonprofit organization "Shelter'', partnered with the city fire department, the local weather center, and other similar entities, prepares individuals for potential disasters and supports those who have been affected. We have added a Real-time chat app with WebSockets using Node.js, Express, and Socket.io with Vanilla JS on the front end with a custom UI to offer a platform to chat with people all over the globe who need any help, who wants to donate, or any other type of discussion.

What it does

Suggests nearest location with shelter/food /medicine/ essential items Bridges the communication gap between persons Gives a platform to people to volunteer in every way (donors /volunteer )

Challenges we ran into

This is the first hackathon that we are developing together. How to plan a project and complete it in a day. We used Figma for the first time. Creating wireframes with Figma was a little tough job but it feels a lot easier now.

Accomplishments that we're proud of

We have never used Pygame before, so developing an actual working thing in just two days makes us feel awesome. We are so proud of figuring out the Spritesheets and how to use them.

What we learned

We learned to build a chat app with WebSockets using Node.js, Express and Socket.io with Vanilla JS on the frontend with a custom UI. This is the first hackathon that we are developing. We learned how to manage and build together to plan a project and complete it in a limited time period. We used Figma for the first time. Learning wireframes with Figma was also fun.

What's next for Shelter

We will work for the betterment of the platform by working on its responsiveness and develop an easy pathway between the donor's and receiver's interface

shelter's People

Contributors

rajivranjanmars avatar suhanii1214 avatar ayushsingh22 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.