Skip to content

Mobile & Web Application gamifying recycling using visual recognition (AI) - for logo and item detection, and recycle classification. React (web) & React Native (mobile) w/ Ruby on Rails Server.

Notifications You must be signed in to change notification settings

lucasftcruz/Restart-Final

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Restart-Final ♺

Mobile & web Application gamifying recycling with 🌟 points 🌟 . React (web) & React Native (mobile) w/ Ruby on Rails Server ReStart is an mobile application where users take pictures of itens and receive feedback about their recycling status,the specific place to dispose it, item brand and win discount coupons related to that brand. Brands can sign-up on a web platform and create discount coupons to incentive users continuing recycle their products.

Demo Mobile: Watch the video Watch the video Watch the video Watch the video Watch the video Watch the video Watch the video Watch the video

Demo Web: Watch the video

High Level Diagram: HighLevelDiagram

ReStart mobile app is built for iOS with front-end frameworks such as:

  • ReactJS
  • React Native
  • Expo Expo

ReStart web app is built with front-end frameworks such as:

  • ReactJS

ReStart back-end is powered by:

ReStart uses the following AI API's:

-LogoGrab -Watson -Clarifai

Functionality

  1. Users (mobile)
  • Users will be able to take pictures of itens from their smartphones
  • Pictures will be analysed by LogoGrab, Watson and Clarifai API
  • Users will receive logo recognition, type of item, recycling category, correct place to dispose it
  • Users will earn points and receive coupons for each item recycled this way if a logo was recognized
  • Users can see all their discounts coupons
  • Users can see their profile information and submit reviews about their experience
  • Users can check how much they are recycling by accessing a monthly graph
  1. Brands (web)
  • Brands will be able to create accounts
  • Brands will be able to create/edit discount coupons
  • Brands can check how many coupons they are issuing
  • Time messages were creates are displayed beside eache message

Dependencies

  • ReactJS
  • React Native
  • Expo
  • Ruby on Rails
  • PostgreSQL

Getting Started

  1. Create an empty folder
  2. Install all dependencies for Restart-Mobile-React-Native & Restart-Web-Reactfolder (run npm install command)
  3. Install all dependencies for Restart-Server-Ruby folder (run bundle install command)
  4. Install Expo on your local computer Expo Guide
  5. Install Expo App on your iPhone Expo App
  6. Run Restart-Server-Ruby using rails s command
  7. Run Restart-Mobile-React-native using expo start command & Restart-Web-React using npm startcommand
  8. Follow expo instructions to load your app & local host should open in the browser automatically

Original Repositories

BIG shout out to @PointCodeZero & @trabnett we accomplished so much in >10 days!

About

Mobile & Web Application gamifying recycling using visual recognition (AI) - for logo and item detection, and recycle classification. React (web) & React Native (mobile) w/ Ruby on Rails Server.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 44.5%
  • Ruby 33.9%
  • CSS 20.4%
  • HTML 1.2%