Aashroy

Mapping the homless and helping them

Frontend Tech Stack

Client: React, TailwindCSS

Run Locally / Development Setup

Go to the project directory

  cd frontend

Install dependencies

  npm install

Start the server

  npm run start

To Build for Production

To build the frontend run

  npm run build

Features

• Progressive Web App (PWA)
• Interactive Maps
• Data visualisation
• Responsive

Configuring MapBox

• map.constants.js see docs : set up Map Box access token to use the map

Configuring Constants

Set up the constants before starting running the project. Constans can also be changed to quickly edit the site :

• auth.constants.js : contains the Google Oauth client ID and the redirect url for Oauth
• crimeReport.constants.js : set the crime types for crime report form and set the maximum photo a user can upload at a time.
• donation.constants.js : set the types of donations available at donation form and set the maximum photo a user can upload at a time.
• footer.constants.js : set the social media, service and contact details to be showed at the footer.
• generalUserForm.constants.js : set the age groups, gender categories and the photo limit to how many a user can upload at once at the homeless report form
• global.constants.js : set the root endpoint of the api of the backend server.
• table.constants.js : configure the data coulmns for the table used in data visualisation at NGO's end points.

Contributors

• Debashish Gogoi
• Forheen Ahmed
• Rishparn Gogoi
• Rupam Jyoti Das

Link to live demo

https://aashroy.herokuapp.com/