Skip to content

nilocoelhojunior/Challenge-RN-ReduxSaga

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Foton Redux Challenge

You can start the Redux Saga Challenge right now! Just clone the repo and build a Home/List/Detail app with Redux Saga and ReactNative.

API

Use the Google Books API, for example:

const query = 'harry pot'
https://www.googleapis.com/books/v1/volumes?q=${query}
  1. Must use redux saga for async operations.

If you need help don't hesitate to ask us.

Design

The design is available here for the List and Detail views. For the Home screen there is no design, please make the screen based on your judgement and the other designs.

  1. Build the user interface to be as close as possible to the design.

Home

The Home is a welcome screen.

  1. Make the user feel at home.
  2. Build the screen with no design to look at.
  3. The home should "match" the other screens and look very similar.

On this screen it's required that the user is able to:

  1. Press a button and navigate to the List screen.

List

On this screen it's required that the user is able to:

  1. See a list of items.
  2. Pull to refresh the list (refetch).
  3. Scroll down and load more books (pagination).
  4. Search the books in the list (filter).
  5. Press one of the items and navigate the user to the Detail screen.

Detail

On this screen it's required that the user is able to:

  1. See more information about the pressed book.
  2. Like, Rate and Buy the book.

For 2. no need for API calls, just make the buttons clickable.

Thanks for reading and don't forget to be a finisher. Byee o/

Designs copied here in case the link goes down. List (Books) in on the left, Detail (Single Book) on the right. Design by travishowell.

About

💻 RN + Redux saga Foton Challenge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 86.9%
  • HTML 4.3%
  • Objective-C 3.2%
  • CSS 2.5%
  • Java 1.7%
  • Python 1.4%