|
1 | | -# Desafio Fullstack |
| 1 | +# Fullstack Challenge |
2 | 2 |
|
3 | | -Clone este repositório e comece já o nosso desafio. |
| 3 | +Clone this repository and start our challenge **right now**. |
4 | 4 |
|
5 | | -Use React ou RN dependendo da vaga que você estiver tentando e para o backend NodeJS |
| 5 | +Use **React** or **React Native** to develop the frontend app. In backend, use **NodeJS**. |
6 | 6 |
|
7 | | -OBS: Caso tenha alguma dúvida em relação ao teste é só nos mandar sua pergunta no canal #challenge-foton do Slack do [React Brasil](https://react-brasil-slack.herokuapp.com/). |
| 7 | +**NOTE:** If you have any questions regarding the test, just send us your question on Slack's channel **#challenge-foton** on [React Brasil](https://react-brasil-slack.herokuapp.com/). |
8 | 8 |
|
9 | | -## Design/Telas |
| 9 | +## Design/Screens |
10 | 10 | https://www.figma.com/file/KFElqzD983WNyvMY1SaF0c/book-app?node-id=0%3A1 |
11 | 11 |
|
12 | 12 | <img width="759" alt="Screen Shot 2021-04-13 at 10 42 56" src="https://user-images.githubusercontent.com/13947203/114562602-04ac2880-9c45-11eb-8f33-cc6637c475fb.png"> |
13 | 13 |
|
14 | 14 |
|
15 | | -O design do site consiste em 4 telas, sendo elas: |
| 15 | +The website design has 4 screens, which are: |
16 | 16 |
|
17 | 17 | ### Home |
18 | 18 |
|
19 | | -1. Crie a tela pixel perfect com base no design acima |
20 | | -2. Os livros precisam ser clicáveis para mostrar a tela de detalhes |
| 19 | +1. Create a Pixel Perfect screen based on design above; |
| 20 | +2. The books must be clickable and redirect to details screen. |
21 | 21 |
|
22 | 22 | ### Search |
23 | 23 |
|
24 | | -Nesta tela é **obrigatório** que o usuário tenha possibilidade de: |
| 24 | +In this screen the functionalities below are **mandatory**: |
25 | 25 |
|
26 | | -1. Ver a lista dos livros baseado na busca; |
27 | | -2. Possibilitar buscar mais livros com um botão no estilo "Load more"; |
28 | | -3. Buscar livros pelo nome; |
29 | | -4. Clicar em um dos livros para ver seus detalhes. |
| 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 | 30 |
|
31 | | -### Detalhes do Livro |
| 31 | +### Books Details |
32 | 32 |
|
33 | | -Nesta tela é **obrigatório** que o usuário tenha possibilidade de: |
| 33 | +In this screen the functionalities below are **mandatory**: |
34 | 34 |
|
35 | | -1. Ver as informações completas do livro selecionado; |
| 35 | +1. See all information for the selected book. |
36 | 36 |
|
37 | | -### Novo livro |
| 37 | +### New Book |
38 | 38 |
|
39 | | -Nesta tela é **obrigatório** que o usuário tenha possibilidade de: |
| 39 | +In this screen the functionalities below are **mandatory**: |
40 | 40 |
|
41 | | -1. Criar um livro |
42 | | -2. Form tenha validações |
| 41 | +1. Create a Book; |
| 42 | +2. Validate the form data. |
0 commit comments