This web application aims to assist individuals in need by providing an interactive map interface to navigate to the nearest food banks and shelters in Toronto. Leveraging the MERN stack (MongoDB, Express.js, React, Node.js), our app offers an immersive and user-friendly experience for locating essential services.
- Route Planning: Enable users to plan and visualize the most efficient route to their nearest food bank or shelter.
- Interactive Shelter Navigation: Effortlessly navigate through Toronto's shelter locations with an intuitive map interface. Find detailed information about each shelter, including occupancy rates, services offered, and more.
- Real-time Metrics Updates: Stay informed with real-time updates on shelter metrics. Our application provides the latest data on occupancy rates, program models, and other vital information to keep you well-informed.
- Comprehensive Shelter Details: Access detailed information about each shelter, including organization names, addresses, hours of operation, and client group details. Make informed decisions with a comprehensive overview of each location.
- Before you begin, ensure you have met the following requirements:
- Install required dependencies in root folder and both frontend and backend folders
npm install
- Create a
.envfile in this folder with the following variables:
REACT_APP_GOOGLE_API_KEY={YOUR_API_KEY}
(127.0.0.1:5000 by default)
cd servernode server.js
(localhost:3000 by default)
cd clientnpm installnpm start
- Add metrics from City of Toronto API in a carousel
- Use Google Maps API for map visualization and searching
- Set up MongoDB keys for geocoding
- Deploy with docker
- Add more info (i.e. emergency services, food banks)
- Leverage Redis for caching