Dicionario

O que é?

É uma interface de dicionario animado criado com ReactJS junto a um ambiente Docker. Todo seu conteudo exibido é gerado por via de scraping ao website dicio.com.br.

O que ele faz?

• Faz scrap das palavras pesquisadas diretamente de dicio.com.br
• Exibe as pesquisas em tela de forma animada

O que compõe o Projeto?

1. TypeScript
2. ReactJS
3. Ant Design
4. axios
5. React Router
6. yarn
7. Framer
8. Docker
9. Docker Compose

Arvore de diretorios e arquivos do projeto

👉(Clique aqui 🔥)👈

.
├── README.md
├── builds
│   └── nodejs.Dockerfile
├── docker-compose.yml
└── src
    ├── README.md
    ├── package.json
    ├── public
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── logo192.png
    │   ├── logo512.png
    │   ├── manifest.json
    │   └── robots.txt
    ├── src
    │   ├── components
    │   │   ├── App.tsx
    │   │   ├── BarraPesquisa.tsx
    │   │   ├── Conteudo
    │   │   │   ├── Classe.tsx
    │   │   │   ├── Etimologia.tsx
    │   │   │   ├── Item.tsx
    │   │   │   ├── Palavra.tsx
    │   │   │   ├── Significados.tsx
    │   │   │   ├── Sinonimos.tsx
    │   │   │   └── index.tsx
    │   │   ├── Home.tsx
    │   │   └── home.css
    │   ├── index.css
    │   ├── index.tsx
    │   ├── reportWebVitals.ts
    │   ├── services
    │   │   ├── requests.ts
    │   │   └── utils.ts
    │   └── types
    │       └── index.ts
    ├── tsconfig.json
    ├── yarn-error.log
    └── yarn.lock

Como instalar?

• Com Docker e projeto buildado

1. git clone https://github.com/gusscamargo/dicionario
2. cd dicionario
3. docker-compose build
4. docker-compose up -d
5. Espere carregar
6. Acesse 127.0.0.1

• Sem Docker e projeto não buildado

1. git clone https://github.com/gusscamargo/dicionario
2. cd dicionario/src
3. npm install ou yarn install
4. npm start ou yarn start
5. Espere carregar a compilação
6. Acesse 127.0.0.1:3000

Como usar:

1. Digite a palavra e aperte enter ou clique no botão.
2. Espere.