└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Fullstack Challenge 2 | 3 | Clone this repository and start our challenge **right now**. 4 | 5 | Use **React** or **React Native** to develop the frontend app. In backend, use **NodeJS**. 6 | 7 | **NOTE:** If you have any questions regarding the test, just send us your question on our Discord's channel **#technical-challenge** on [Foton Discord](https://discord.gg/uw55aDewNf). 8 | 9 | ## Design/Screens 10 | https://www.figma.com/file/KFElqzD983WNyvMY1SaF0c/book-app?node-id=0%3A1 11 | 12 | Screen Shot 2021-04-13 at 10 42 56 13 | 14 | 15 | The website design has 4 screens, which are: 16 | 17 | ### Home 18 | 19 | 1. Create a Pixel Perfect screen based on design above; 20 | 2. The books must be clickable and redirect to details screen. 21 | 22 | ### Search 23 | 24 | In this screen the functionalities below are **mandatory**: 25 | 26 | 1. See a list of books based on search query; 27 | 2. Make it possible to search for more books with a "Load more" button; 28 | 3. Search books by name; 29 | 4. Click on one of the books to see their details. 30 | 31 | ### Books Details 32 | 33 | In this screen the functionalities below are **mandatory**: 34 | 35 | 1. See all information for the selected book. 36 | 37 | ### New Book 38 | 39 | In this screen the functionalities below are **mandatory**: 40 | 41 | 1. Create a Book; 42 | 2. Validate the form data. 43 | --------------------------------------------------------------------------------