moustache-summer-2017's Introduction

The Green Moustache Mobile Application

Description

This native mobile application allows users to access health resources provided by The Green Moustache (https://www.greenmoustache.com/). Users are able to navigate to different scenes and access information about the health benefits of over 100 ingredients, local events, and health foods on The Green Moustache menu, as well as save their favourite menu items.

The Green Moustache app was built using React Native for ios devices, and uses Firebase and Realm as a database. Future considerations are to include a feature to order menu items directly from the app, saving users time from waiting in line or for food to be made.

This project is a part of the community partner program at RED Academy (https://redacademy.com/submit-a-project/).

Technologies Used

Apollo Client
Apollo Server
Cors
Express
Firebase
GraphQL
React Apollo
React Native
React Native Elements
React Native Linear Gradient
React Native Swiper
React Native Tab View
React Native Vector Icons
React Navigation
Realm
Redux
Redux Logger
Redux Middleware
Redux Thunk

Authors

Brian Lau (https://github.com/wtLau)
Kat Solberg (https://github.com/kmsolberg)
Jess Dieuique (https://github.com/jesstice)
Plinio Prado (https://github.com/plinioprado)

moustache-summer-2017's People

Contributors

Stargazers

Watchers

moustache-summer-2017's Issues

Add onboarding scenes to app

Check React Native docs
Implement

Assemble Favourites scene

Assemble events container with presentational components

Fix navigation bugs

Add back buttons to header
Add functions to segmented controls
Fix title of Menu Category List
Learn tab to start at Ingredients
Pass navigation prop to Favourites Container

Build menu category screen

Create favourite scene

Review of Product Cards & ThreeIconTabs

check conditional rendering of data and icons

Realm/Faves set up

Format and populate data

Build individual ingredients (health benefit) scene

Set Up Express

Set up the server

Add icons to navigational tabs

Add "Add to Faves" functions to containers

Product container
Featured container
Menu container

Build individual event scene

Research and Setup data server

Assemble feature container with presentational components

Add Apollo to client

Product scene

create reusable components and add icons

HeartIconActive
HeartIconHollow
LinearGradientsColor

Design schema & database structure

Set up GraphQL
Create schema

Update database item IDs

Need to update all firebase database items to start at 0 instead of 1.

Update hard coded data to pull from database

Featured Scene

initial container
[ ]

Create 3 sub-scene for Learn scene

Create MenuCategroyList Scene

add initial layout and structure for MenuCategroyList scene

Create server structure, set up database

Create gmail account and new Firebase account
Set up image storage

Create resolvers

create all resolvers
test graphql queries

Add reducers to redux

Create reducers:

Research how to transfer data to JSON format

Is there a way to automate the formatting of the data to JSON?

Data is current in excel - is there an automated way to format data to JSON.

Research and implement onboarding screen

Assemble product container with presentational components

Add faves button
Add all components for product scene

edit README

Change the readme content to our project!

Fix package-lock.json file

Due to all the merge conflicts and constantly having to re-install our dependencies, we are creating one copy that includes all the project dependencies and installs.