Giter Site home page Giter Site logo

localtome's Introduction

Welcome to the LocalToMe!

logo@2x

The Problem

Provide easier access to local resources for the low-income and food insecure population.

๐Ÿ’…โœจ : Figma

๐ŸŒ ๐Ÿš€ : Web App

Table of contents

  1. What is LocalToMe
  2. Technologies Used
  3. Main Features
  4. Challenges
  5. Additional Fatures
  6. How To Run
  7. Credits

LocalToMe is a web app that locates and provides low-income families/individuals with free or accessible food resources near their area within their budgets.

Due to the recent effects of inflation and the pandemic, many low-income families/individuals faced the unaffordability of basic necessities and unstable living conditions. Assist programs and government resources are there to help families in times of need, however, navigating all the information can be difficult to understand and take action. Therefore, our purpose is to localize and simplify the process of getting aid. In our app, users can find all the available resources near them along with resource's contacts, opening hours, requirements, services and contacts. In addition, users can navigate and discover events, news, and updates from big non-profit organizations, local food drives, and individuals.

Screen Shot 2022-09-26 at 11 38 09 PM



React Next JS Firebase Styled Components Storybook Vercel


Resources Map:

  • Allow users to find specific food assistance resources near their location
  • Provides accurate and important information caters to users' needs

map1 map2 map3

Community Page:

  • Discover events and news posted by the community
  • Host events or create a news post

community1 community4 community2 community3

Favourites:

  • Like or share to socials
  • When logged in, users can ike locations and events which are saved in the favourites page for future reference

favorite2 favorite1 favorite3

Custom Profile:

  • Select a cute mascot or upload your own profile photo
  • See your own created events and news

profile1 profile2 profile3

Difficulty getting food banks to work with us:

Food banks are very busy and a majority of their workers consist of volunteers. Getting in contact with someone in the organization or anyone with experience with the food bank system was hard. We wanted more insight into the real problems they face and to see if there were any gaps we could fill.

Chosen database not optimal for the purpose:

We chose firebase initially because it was a technology we wanted to learn and found that it was very all inclusive in terms of services. However, we later found that the noSQL Realtime Database was probably the wrong option for the CRUD style application that we were building. Without proper foresight, updating the database got more complicated due to the lack of relationships, requiring various checks to perform certain tasks.

Limitations of usage on the free tier of services:

Certain tools such as Algolia had more limited free teir services. For example, we can only show 20 items max in the event list in community. MapBox provided more free features however had a cap on the number of requests in a day.

Time constraints:

This project was a interdiscplinary class in our third semester at BCIT with 3 Designers and 3 Developers in our team. We balanced other courses with this project and followed a strict schedule to research, design, and develop the idea, and demonstrated it in a final presentation at the end of the semester. We were able to quickly reach our MVP and complete many features, but still have additional polishing and ideas to explore.

  • User survey upon registering to customize their experience
  • Verification system for events to prove legitimacy
  • Add to calendar
  • functionality for the settings page such as Color theme switcher
  • Food bank portal to update their own information on the fly
  1. Install dependencies needed to run the project
yarn install
  1. Run the Dev Project
yarn dev

Oliver, Yoyo, Phoenix, Phillip, Angelyne, Mai Anh

localtome's People

Contributors

yoyochen68 avatar phoenixlai833 avatar pho86 avatar olivernguyen226 avatar mverakore avatar atran02 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.