Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gahbr/uol-frontend-challenge
Desafio de front-end da UOL feito em React com Typescript
https://github.com/gahbr/uol-frontend-challenge
front-end frontend-challenge reactjs tailwind-css typescript uol
Last synced: 7 days ago
JSON representation
Desafio de front-end da UOL feito em React com Typescript
- Host: GitHub
- URL: https://github.com/gahbr/uol-frontend-challenge
- Owner: Gahbr
- Created: 2023-01-20T23:51:50.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-23T18:45:37.000Z (almost 2 years ago)
- Last Synced: 2023-03-05T07:37:41.488Z (over 1 year ago)
- Topics: front-end, frontend-challenge, reactjs, tailwind-css, typescript, uol
- Language: TypeScript
- Homepage: https://uol-frontend-challenge.netlify.app/
- Size: 212 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# UOL FrontEnd Challenge
## Sobre o UOLHOST
O UOL HOST oferece soluções de Registro de Domínios, Hospedagem de Sites, Loja Virtual, Loja de Aplicativos, Revenda de Hospedagem e Cloud Computing, entre outros serviços, contando com a confiabilidade e a escalabilidade de uma moderna infraestrutura de TI, composta por uma das maiores redes de Data Centers da América Latina.
### Teste para FrontEnd para UOLHOST
Objetivo deste teste é avaliar seus conhecimentos em organização, estilo, boas práticas e habilidades em front end.
### Requisitos
* HTML
* CSS (pré-processador a sua escolha)
* JS (React ou Angular)
* Desenvolver a página conforme o layout apresentado;
* Suporte para IE9+, Chrome, Safari, Firefox+ :)
* Responsivo;
### O Desafio
A aplicação deve mostrar primeiramente uma listagem de clientes com todas informações conforme o layout. Segundo, deve permitir a criação de novo cliente.
Layout das páginas:
> MARVEL https://marvelapp.com/4c5ja3d/screen/52151871
Endpoint inicial para listagem:
> GET https://demo5283088.mockable.io/customers
A partir deste ponto utilizar o *localStorage/IndexedDB* para persistir localmente as informações.
### O que apreciamos ++
* Feedbacks visuais para o usuário (alertas, inputs...);
* Permitir edição;
* HTML máximo possível semântico;
* CSS bem estruturado;
* Testes unitários;
* Código limpo e bem organizado;
### Finalizando
* Suba a sua proposta para o projeto que você criou no GitHub. Exemplo: https://github.com/seuNome;
* Envie-nos o link do seu projeto no prazo de até 7 dias. Exemplo: https://github.com/seuNome/test-frontEnd.git
* Aguarde o RH entrar em contato.
### Quem buscamos
Queremos uma pessoa que gosta do que faz, que trabalhe em equipe e tenha vontade de inovar. Sempre buscando atualização e soluções inovadoras.
Se você se identificou, venha fazer parte do nosso time!
=============================================
### Para rodar o projeto
``` npm i ```
``` npm run dev ```