/RationGhar

RationGhar is a platform to connect NGO's and needy people for ration(food) distribution in time of Covid'19. Submitted to AtlasHacks Hackathon.

Primary LanguageJavaScript

RationGhar

RationGhar is a food distribution platform to connect NGO's and community service organizations with needy people in the time of COVID'19.

Project made for AtlasHacks Hackathon organized by DevPost. The project can be found on Devpost.

Deployed Link

https://ration-ghar.herokuapp.com/

Features

  • Login r2

Sign Up r3

  • Public Homepage: The page displays the total number of NGO's registed and the total number of rations(food packages) delivered by all NGO's. In addition, there are tabs to navigate the users to a Registration Form and a list, of all the active requests.

r1

  • Registration Form: Form to recieve the general information from a person who wishes to get a ration delived to themselves from one of the registered NGO's.

WhatsApp Image 2021-01-13 at 5 32 21 PM

  • Active Forms (submitted by people): A list of the Active Forms WhatsApp Image 2021-01-13 at 5 33 16 PM

  • NGO Dashboard: This page is only showed to the NGO's, once they have logged in. In shows a counter of the total number of rations that the particular NGO has delivered.

  • All Forms List: A list of all the forms that have been submitted and have not been assigned to any NGO yet.

  • Assigned Forms: A personalized list, different for each NGO, that shows all the forms that have been assigned to the logged in NGO.

  • Form Submission View: A simple form that shows the data that was entered by the user.

Instructions to run on Local Machine

  1. Clone the repo
  2. run the following command to install npm, after navigating into the cloned folder
npm install
  1. run the following command to start the app in localhost
npm start
  1. You will be navigated to the browser where the app will run in development mode.

Technology Used

  • ReactJs
  • HTML5
  • CSS
  • Firebase
  • Material-UI
  • JavaScript