Skip to content

Front-end challenge: country, state and city selects to filter a city - React | Next.js | TypeScript | Sass | MUI | Jest

Notifications You must be signed in to change notification settings

MayllaRabay/desafio-iris

Repository files navigation

🚀 Desafio Iris Data Tech 🚀

💻 Sobre o projeto

Desafio técnico de front-end para o processo seletivo da Iris. O objetivo é realizar filtros para selecionar uma cidade, com selects de "país", "estado" e "cidade", utilizando Material-UI como biblioteca de CSS e o princípio Clean Code para o desenvolvimento.

Api pública utilizada: Countries & Cities API

💡 Pré-requisitos para executar o projeto

  • O primeiro passo é instalar o Git em seu computador caso você ainda não o tenha.
  • Os pacotes que iremos utilizar durante o desenvolvimento desse projeto serão gerenciados pelo Node Package Manager (NPM), então precisaremos instalá-lo. Vamos até o site oficial do Node.js para instalar sua versão LTS (versão mais estável). Quando instalamos o Node.js, o NPM também é instalado no computador como parte do mesmo pacote.
  • Além disto é interessante ter um bom editor de texto para trabalhar com o código, como por exemplo o VSCode ou o Neovim.

🚀 Como executar o projeto

  1. Abra seu terminal/cmd e clone este repositório
git clone https://github.com/MayllaRabay/desafio-iris.git
  1. Acesse a pasta do projeto
cd desafio-iris
  1. Baixe todas as dependências e pacotes da aplicação
npm install
  1. Execute a aplicação em modo de desenvolvimento
npm run dev
  1. A aplicação será aberta na porta 3000, acesse em seu navegador: http://localhost:3000

🔧 Tecnologias utilizadas

  • ReactJS
  • NextJS
  • Typescript
  • Sass

Feito com ❤️ por Maylla Rabay 👋 Entre em contato!

About

Front-end challenge: country, state and city selects to filter a city - React | Next.js | TypeScript | Sass | MUI | Jest

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published