/navers

Primary LanguageJavaScript

Navers 🛸

Olá! 🖖 Que bom ver você por aqui!

Nesse repositório você irá encotrar uma aplicação do tipo CRUD - Create, Read, Update, Delete.

Aqui você poderá adicionar navers de sua preferência, editar os que já existem, excluir e também ver todos os cadastros. Legal, né? 😁

Ferramentas 🛠️

Bom, a parte front-end do projeto foi construída em React com ContextAPI para genrenciamento de estado, e componentes funcionais com HOOKs.

Além disso, usei bibliotecas como:

  • React Icon
  • Formik
  • Yup
  • Axios
  • Instalação do Projeto: 💆‍♀️

    E então, vamos tentar rodar na sua máquina?

    É só fazer o fork 🍴 e o clone 👭 do repositório, entrar na pasta clonada e digitar:

    npm install
    

    Iniciar o Servidor:

    Depois de ter as dependências instaladas, é só digitar npm start e voilà! 💫🧙‍♀️

    npm start
    

    Dificuldades: 🧘‍♀️

    Esse projeto foi divertido de fazer mas, apesar disso, as dificuldades sempre aparecem e temos que achar a melhor forma de lidar com elas!

    CSS, o que dizer? Só quem viveu sabe...

    A parte de fazer o modal foi um desafio, mas no final consegui achar uma solução que resolvesse o problema. Assim como a lógica de aplicar o modal em cada componente/rota. No final ainda ficou faltando a solução para aparecer o modal ao excluir um naver, a partir do componente Details. Tentei algumas soluções, mas por hora todas resolviam o problema de forma parcial. Por conta disso eu preferi remover essa funcionalidade, para que o usuário não tenha uma experiência ruim na aplicação e então subir uma atualização, assim que resolver o problema como um todo.

    Obrigada pela visita! 🙋‍♀️