currychern / bounti Goto Github PK

Update the ItemView to use the newest design. Look at the design folder for reference.

Add a search bar component to the React Native app. Make sure that the user can type into the bar and submit a search.

Create a FormView that will allow users to take a photo of their donation, type in and select relevant information, and create a listing!

For the List component, the require statement in the image source has to be static. You can't pass the listing object as a prop and grab the image name:

// This will not work
<Image source={require('../../../img/' + this.props.food)} style={styles.listing}>
  ...
</Image>

// This will work
<Image source={require('../../../img/fresh-carrots.jpg')} style={styles.listing}>
  ...
</Image>

The docs explain that require statements in images must be static: http://facebook.github.io/react-native/releases/0.44/docs/images.html

This leaves the app with less flexibility, especially if integrating a search feature in the future.

Current discussion: facebook/react-native#2481

Setup Waffle board for the Bounti Github repository.

Running Linux Mint 18.1, 4.8.0-54-generic

Walked through setup, and at yarn install I get the following error:

$ yarn install
yarn install v0.24.5
[1/4] Resolving packages...
[2/4] Fetching packages...
error https://registry.yarnpkg.com/@exponent/ngrok/-/ngrok-2.2.7.tgz: Bad hash. Expected "37fe66f922b1003da2a78c66b7d4d3bc9313e423" but got "6c4a98fb138289a05788ac586676f7f153aecfcd" 
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Figure out how to populate React Native components with data from Firebase instead of hard coding everything. Then, remove the information that is hard-coded and replace it with the data coming from Firebase.

We would like to design a logo for Bounti that is not directly tied to the name in the event we want to change it. Look at our design folder to look at the mockups and other design ideas we've come up with and make sure the logo ties in.

Implement the splash page that prompts users to choose whether they are donating food or searching for food.

Update the ListView to use the newest design. Look at the design folder for reference.