Skip to content

Projeto criado para o teste da Softplan, onde os usuários podiam buscar por um determinado país, olhar os detalhes com informações detalhadas e conseguir editar os dados.

Notifications You must be signed in to change notification settings

ihFernando/softmaps-test

Repository files navigation

Softmaps

A ideia é criar uma aplicação onde os usuários consigam buscar por um determinado país, olhar os detalhes com informações detalhadas e conseguir editar os dados. Como um auxílio para quem pesquisa, é possível repetir uma pesquisa recente e visualizar os últimos 5 resultados da busca.

Demo Softmaps

Para rodar o projeto, após feito o clone, é necessário realizar a instalação das dependências:

NPM

npm install

YARN

yarn

Após concluída a instalação, o projeto estará pronto para execução:

NPM

npm run start

YARN

yarn start

A aplicação estará disponível na rota: localhost:3000

Storybook

O projeto também disponibiliza uma documentação dos componentes com o Storybook. Para conseguir visualizar essa apresentação, basta utilizar o seguinte comando:

NPM

npm run storybook

YARN

yarn storybook

Processo de desenvolvimento

Todo o processo de criação e desenvolvimento foi documentado na plataforma Notion.

Disponível em:Softmaps - Notion.

Extra: Aplicação em monorepo

Disponibilizei também a mesma aplicação criada com Lerna, Next e Typescript. A ideia é mostrar como seria simples realizar uma migração de tecnologia, tendo em vista que, para o desenvolvimento da primeira versão já foi levado em consideração que teríamos as mesmas variáveis de CSS, mesmos importes de componentes disponíveis na nova estrutura. Basicamente, depois de realizada a configuração da estrutura do monorepo, os arquivos de componentes, reducers, sagas, store, pages, utils, etc... Foram copiados para a nova arquitetura, com pequenos ajustes e adaptações. (Observação: Devido ao tempo, realizei apenas a migração do primeiro fluxo para o monorepo [Tela de busca dos países - Home])

Vale ressaltar que esta mesma estrutura funcionaria caso não tivessemos os componentes direto no monorepo (em um JFrog ou NPM mesmo), o que facilitaria em casos onde temos Design System.

Para executar o projeto em monorepo, é necessário estar na pasta /softmaps-monorepo, realizar a instalação das dependências:

NPM

npm install

YARN

yarn

E depois rodar com o comando:

NPM

npm run build

YARN

yarn build

Após o build, o projeto estará disponível para execução: A aplicação estará rodando na rota: localhost:8080

NPM

npm run dev

YARN

yarn dev

Links úteis

About

Projeto criado para o teste da Softplan, onde os usuários podiam buscar por um determinado país, olhar os detalhes com informações detalhadas e conseguir editar os dados.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published