forked from FotonTech/frontend-challenge
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request FotonTech#1 from igorlrnc/patch-1
docs: translate README to english
- Loading branch information
Showing
1 changed file
with
20 additions
and
20 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,42 +1,42 @@ | ||
# Desafio Fullstack | ||
# Fullstack Challenge | ||
|
||
Clone este repositório e comece já o nosso desafio. | ||
Clone this repository and start our challenge **right now**. | ||
|
||
Use React ou RN dependendo da vaga que você estiver tentando e para o backend NodeJS | ||
Use **React** or **React Native** to develop the frontend app. In backend, use **NodeJS**. | ||
|
||
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/). | ||
**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/). | ||
|
||
## Design/Telas | ||
## Design/Screens | ||
https://www.figma.com/file/KFElqzD983WNyvMY1SaF0c/book-app?node-id=0%3A1 | ||
|
||
<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"> | ||
|
||
|
||
O design do site consiste em 4 telas, sendo elas: | ||
The website design has 4 screens, which are: | ||
|
||
### Home | ||
|
||
1. Crie a tela pixel perfect com base no design acima | ||
2. Os livros precisam ser clicáveis para mostrar a tela de detalhes | ||
1. Create a Pixel Perfect screen based on design above; | ||
2. The books must be clickable and redirect to details screen. | ||
|
||
### Search | ||
|
||
Nesta tela é **obrigatório** que o usuário tenha possibilidade de: | ||
In this screen the functionalities below are **mandatory**: | ||
|
||
1. Ver a lista dos livros baseado na busca; | ||
2. Possibilitar buscar mais livros com um botão no estilo "Load more"; | ||
3. Buscar livros pelo nome; | ||
4. Clicar em um dos livros para ver seus detalhes. | ||
1. See a list of books based on search query; | ||
2. Make it possible to search for more books with a "Load more" button; | ||
3. Search books by name; | ||
4. Click on one of the books to see their details. | ||
|
||
### Detalhes do Livro | ||
### Books Details | ||
|
||
Nesta tela é **obrigatório** que o usuário tenha possibilidade de: | ||
In this screen the functionalities below are **mandatory**: | ||
|
||
1. Ver as informações completas do livro selecionado; | ||
1. See all information for the selected book. | ||
|
||
### Novo livro | ||
### New Book | ||
|
||
Nesta tela é **obrigatório** que o usuário tenha possibilidade de: | ||
In this screen the functionalities below are **mandatory**: | ||
|
||
1. Criar um livro | ||
2. Form tenha validações | ||
1. Create a Book; | ||
2. Validate the form data. |