Git Product home page Git Product logo

fotonchallenge's Introduction

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.

fotonchallenge's People

Contributors

ricardoasgs avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.