VUTTR (Front-end) - Very Useful Tool to Remember

Este projeto é um desafio proposto pela Bossabox

Tecnologias utilizadas na Aplicação

• axios: Fazer a comunição com o Back-end,
• react-router-dom: Criação de Rotas da aplicação,
• history: Auxiliar na navegação com a utilização do Redux Saga,
• prop-types: Definição de tipos das propriedades,
• react-icons: Utilização de icones na aplicação, de diferentes bibliotecas,
• react-toastify: Utilização de notificação via Toast, para melhor retorno de erros ou sucessos para o usuário,
• redux: Persistência dos estados da aplicação,
• redux-persist: Para que a persistência do estado não seja perdida após o reload do navegador,
• redux saga: Auxilio da comunicação de forma assíncrona do Back-end e persistência de estado da aplicação,
• styled-components: Criar componentes com estilos próprios,

Tecnologias utilizadas no Desenvolvimento

• eslint: Padronizão e identação de código,
• prettier: Auxilia o eslint na formatação do código, mantendo sempre o padrão,

Preparando o ambiente

Executar Back-end

O projeto necessita do download de uma API para ser executado por completo - VUTTR API

Executar o Projeto

Após clonar o Back-end do projeto, seguir os passos de iniciação da API e clonar este projeto no seu computador, você estará pronto para executar o projeto.

• Baixar Dependências: Então após clonar o projeto, navegue até a pasta que você o clonou, abra o terminal e execute o comando yarn ou npm install, ou abra o projeto em seu Editor de Texto ou IDE, e então no terminal execute o comando.

• Executando: Após o termino do download das dependências, você pode executar o comando yarn start, fique atento, pois, caso você não tenha alterado a porta do Back-end, ele estará sendo executado também na porta 3000, então irá aparecer a seguinte pergunta "Would you like to run the app on another port instead?", digite y e Enter para prosseguir.

• Projeto em Execução: Pronto o projeto já pode ser utilizado.

Como usar

Criar um usuário

Fazer Login

Adicionar uma nova ferramenta

Atualizar ferramenta

Remover e Desafazer a remoção da ferramenta

Pesquisar

Pesquisar apenas por tags

Clicar no link da ferramenta

This project was bootstrapped with Create React App.