Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lzhudson/dog-app
https://github.com/lzhudson/dog-app
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/lzhudson/dog-app
- Owner: lzhudson
- Created: 2020-05-25T00:18:07.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T06:53:33.000Z (almost 2 years ago)
- Last Synced: 2024-04-23T10:00:35.946Z (8 months ago)
- Language: JavaScript
- Size: 3.83 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 22
-
Metadata Files:
- Readme: readme.md
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
```