GutenReader

Living in a small, paper-thin walled apartment in Denver, Fenton was reading a book late one night. As the story was intensifying, so was Fenton's heart rate, and also the plot in neighbor's TV show in the apartment next door. Fenton turned the page to read something astonishing as the show reached its peak plot and music volume!!

GutenReader provides the user with a cinematic experience. It is an eReader built on the Project Gutenberg API that performs sentiment analysis (with IBM Watson) to determine the mood of the current page and plays music (with Spotify) that matches that mood. Designed with accessibility in mind!

Focuses

• Learn and test a new framework, React Native for front end team and Sinatra for back end team.

• Make informed design decisions to create a user-friendly application.

• Utilize different network requests like GET, POST, DELETE & PATCH.

• Learn how to team up and work efficiently with another team and their specialties.

• Follow a professional GitHub workflow.

App Demo

Watch demo here https://www.youtube.com/watch?v=OcsrT65ifnE&amp=&feature=youtu.be%3Fvq%3Dhd1080

Design Inspiration

Design Prototype

Clickable Design Prototype https://projects.invisionapp.com/prototype/ck491d4lz0058ni0156nxsjth/play

Screenshots

The App

• The next 9 screens so the process of moving through the application from load, to searching/downloading a new book, to reading, to adjusting font and screen settings.

Spotify

• In the background, Spotify is open, creating playlists, and playing songs that match the mood of page currently being read.

Tech

• Front End created in React Native and tested with Jest/Enzyme.

• Back End created in Rails and Flask and tested in rspec and unittest.

Team

Front End

• Quinne Farenwald https://github.com/qfarenwald

• Zoe Ketcham-Harvey https://github.com/ZoeKHarvey

• Michael Schneider https://github.com/mschneider247

Back End

• Fenton Taylor https://github.com/fentontaylor

• Mack Halliday https://github.com/MackHalliday

Resources

• Project Gutenberg (Free eBooks) https://www.gutenberg.org/wiki/Main_Page

• IBM Watson (Sentiment Analysis) https://www.ibm.com/watson

• Spotify Player (Music Provider) https://developer.spotify.com/documentation/web-api/reference/player/

• Johannes Gutenberg (Stock Image) https://stock.adobe.com/images/johannes-gutenberg/92531603?as_channel=affiliate&as_campaign=pexels&as_source=arvato&tduid=79720a9cdd790d67ed77be437ccfaee4&as_channel=affiliate&as_campclass=redirect&as_source=arvat

Set Up

Clone repo (2nd level guten_reader_FE directory).

git clone

Install dependencies.

npm install

Install Expo globally.

npm install -g expo-cli

Run browser.

npm start