Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lzhudson/dog-app


https://github.com/lzhudson/dog-app

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# Dog App šŸ¾

### Objetivo
Buscar em uma API pĆŗblica todas as raƧas de cachorros.

O usuĆ”rio poderĆ” digitar o nome do cachorro, estilizar a fonte e a cor e essa informaĆ§Ć£o deverĆ” ser armazenada no local storage.

- DocumentaĆ§Ć£o Dog API: [Dog API](https://dog.ceo/dog-api/).

### Interface
Na tela deve conter:

- Select com as raƧas;
- Input para usuƔrio inserir o nome do cachorro;
- Select para selecionar a cor da fonte (Disponibilizar atƩ 5 Cores);
- Select com as opƧƵes de font, utilizar Google Fonts (Disponibilizar atƩ 5 Fontes);
- Imagem do cachorro selecionado com o texto por cima com a fonte e cor selecionada;
- BotĆ£o salvar para armazenar em local storage(funcionalidade HTML5) as informaƧƵes selecionadas pelo usuĆ”rio + Data e HorĆ”rio.
- ApĆ³s aĆ§Ć£o de salvar deve ter uma mensagem de sucesso na tela.
- Caso a pĆ”gina seja recarregada as informaƧƵes salvas pelo usuĆ”rio deverĆ£o permanecer na tela.

O layout vocĆŖ tem total liberdade para organizar seus componentes na tela da forma fizer sentido para vocĆŖ.

[RepositĆ³rio Oficial do desafio](https://github.com/enext-wpp/challenges/tree/master/challenge-two)

## Inicializando aplicaĆ§Ć£o:
1. Clone repository:
```bash
git clone https://github.com/lzhudson/dog-app.git
```
2. Enter in folder:
```bash
cd dog-app
```
3. Install dependecies:
```bash
yarn
```
4. Init app in mode development:
```bash
yarn dev
```