https://github.com/jordan-cod/teste-frontend-abrasel
https://github.com/jordan-cod/teste-frontend-abrasel
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/jordan-cod/teste-frontend-abrasel
- Owner: jordan-cod
- License: mit
- Created: 2024-04-04T04:14:26.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-09T11:36:50.000Z (about 2 years ago)
- Last Synced: 2025-01-21T23:34:14.465Z (over 1 year ago)
- Language: JavaScript
- Size: 108 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Desafio de Desenvolvimento - Frontend
Este é o repositório da minha solução para o desafio de desenvolvimento frontend proposto.
## Sobre o Desafio
O desafio consiste em desenvolver uma aplicação web com foco no frontend, mas a inclusão de um backend é considerada um diferencial. O layout é livre, incentivando a criatividade e um bom uso de UI/UX. A aplicação deve resolver quatro problemas específicos:
1. **Números Palíndromos**: Desenvolver um algoritmo que imprima todos os números palíndromos dentro de um intervalo escolhido pelo usuário.
2. **Calculadora de Troco**: Escrever um algoritmo que calcule o troco a ser devolvido em notas de 1, 10 e 100 reais, considerando uma compra e o valor entregue pelo cliente.
3. **Controle de Veículos**: Criar uma interface e classes para representar veículos, com atributos específicos para carros e motos. Os dados devem ser preenchidos pelo usuário e salvos em um arquivo JSON.
4. **Consulta de CEPs**: Permitir que o usuário informe 5 CEPs, consumindo a API ViaCep para obter dados sobre eles. Os dados devem ser exibidos na tela após o processamento.
## Tecnologias Utilizadas
- JavaScript
- Next.js
- HTML
- CSS
## Estrutura do Projeto
O projeto está estruturado da seguinte forma:
- `src/`: Contém o código-fonte da aplicação.
- `public/`: Contém os arquivos estáticos e o arquivo HTML principal.
- `styles/`: Contém os arquivos de estilos CSS.
- `data/`: Contém os arquivos Json da aplicação.
- `models/`: Contém os models criados para a aplicação.
- `page/`: Contém todas as páginas criadas para a aplicação.
## Como Executar
1. Clone este repositório:
`git clone https://github.com/jordan-cod/test-estagio-dev-abrasel.git`
2. Instale as dependências:
`cd test-estagio-dev-abrasel`
`npm install`
3. Execute a aplicação:
`npm start`
4. Acesse a aplicação em seu navegador através do endereço: