Skip to content
Personal React Native Project Sept 2018
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
__tests__
assets
components
constants
navigation
screens
screenshots
.DS_Store
.babelrc
.gitignore
.watchmanconfig
App.js
README.md
app.json
db.js
package-lock.json
package.json

README.md

rin

Summary: Rin is an app that I built recently using Expo, Firebase Realtime Database, and Firebase Storage. Inspired by a jar of notes from my girlfriend and encouraged by a family friend to try out expo, I started working on this project in September of 2018.

Objective: Recreate my version of a jar of notes and practice using new tools

Home Screen: The home screen consists of a cheesy combination of names and a photo collage. My navigation at the bottom has two other screens (One for text notes and another for photo notes). There is also a hidden touchable opacity for me to access the screen for adding text notes and photo notes to the database.

alt text

Hidden Screen: This screen is accessed by touching a small portion of the display and is used to add items to the Firebase Realtime Database and Firebase Storage. "Add Items" is for adding text notes for the Rainy Day screen and after entering text and submitting, the data is pushed to the database. "Add Image" opens the phones photo gallery and uploads a selected image to Firebase Storage and then adds the filename and download URL to the database.

alt text

Rainy Screen: Rainy Screen is for displaying random text notes. When the button is pressed, a random entry from the items database is selected and an ItemComponent displaying the text is shown.

alt text

Memories Screen: The Memories Screen is for displaying a random image. Tapping on the star selects a random index from the image url database and renders a MemoryComponent that displays the image.

alt text

Upcoming:

  • Button press count
  • Weighted random index
You can’t perform that action at this time.