Giter Club home page Giter Club logo

zotbins-mobile-app-expo's Introduction

Landing page for Zotbins project (https://zotbins.github.io/)

Includes

  • About us for the student team (ZerO Waste Anteaters or ZOWA)
  • Links to our blog and social media (YouTube, Instagram, etc)
  • Who our current team members are
  • Who our research advisors are
  • Who our project mentors are
  • Who our alumni are
  • Miscellaneous photos from Instagram
  • Our project partners

How to Update Team Members, Mentors, and Research Advisors

  • To update the ZotBins members shown in the Team page, go to js/populateAlumni.js, js/populateMentors.js, js/populateResearchAdvistors.js, and js/populateTeamMembers.js
    • To add a team member, go to js/populateTeamMembers.js
    • If a team member is no longer affiliated with ZotBins, move their data from js/populateTeamMembers.js to js/populateAlumni.js
  • Inside those files, you will find an array of objects where each object corresponds to one member. The object adheres to a schema specified in the top of the file.

Notes

  • I recommend running a prettify script to make sure the code is tidy and neat

zotbins-mobile-app-expo's People

Contributors

dependabot[bot] avatar devpopat avatar jessechong avatar jjchung3 avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

zotbins-mobile-app-expo's Issues

Add feature to capture a photo from user's rear camera temporarily

Background Info
The app must be able to take pictures from the rear camera. These pictures must be saved temporarily in the phone's cache somewhere so that it can be funneled into the waste recognition API (to be announced when that is made).

The idea is that the user will be able to take a picture and the waste recog. API can tell the user how to dispose of the waste correctly.

In short, this feature has not been implemented yet... all it does now is activate the phone's rear camera. Should be a decent sized project as it is a very important feature that needs to be implemented correctly.

Bug 1
Right now, the camera API is buggy and can only be used once. If the user swipes to a different screen then back, the camera will be off (shows a black screen).

Bug 2
The image the camera displays before the user takes a photo is stretched.

Please let me know if you have any questions.

Clicking the tools button should open a submenu of tools

See the second screen of this flow chart.

mockup

Right now, clicking tools will just open the camera. We want to be able to click to toggle a hamburger that lets the user choose between "Nearest Bins" (map feature) or "Waste Recognition" (the camera).

Starter Action Items + Setup

Here are your assigned action items for this week. Let me know if you need more time since midterms are starting soon.

  1. Follow the onboarding guide and this repo's readme... Get the mobile app running (would be nice if you could figure out the dependency issues and how to resolve the risks... I have some of them mitigated)
  2. As one of our few iPhone users, please see if you can get the Expo app to run on your iPhone. How is the performance on it?
  3. Is there a way to emulate iPhone devices and not just Android devices?
  4. I think we should just stick with React Native. I think it's good enough for our use case since we only need to leverage the device's camera and GPS APIs. What do you think?

Deadline: Next subgroup meeting

Add feature to scan barcode in camera frame to connect to barcode API

Since we are leveraging Expo's many libraries, we are able to access the expo-camera library. See how we are using that API here: (#1)

Another very useful feature expo-camera has is the ability to scan barcode in the camera frame, without taking a picture. This should be connected to the barcode scanner API. See the expo-camera documentation here: (https://docs.expo.io/versions/latest/sdk/camera/)

I would particularly look at "onBarCodeScanned", "onBarCodeRead".

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.