Este projeto foi desenvolvido em React para gerenciar especificações e autenticações de serviços. Ele permite que os usuários possam criar, editar e excluir especificações, incluindo informações como login, senha e outras observações relevantes. O projeto faz uso de APIs para buscar, criar e atualizar essas informações de maneira dinâmica.
-
O usuário pode preencher um formulário para cadastrar um novo serviço, fornecendo informações como especificação, login, senha, e observação. O mesmo formulário é utilizado para editar serviços existentes, com a função de editar sendo ativada ao selecionar um serviço buscado.
-
Um campo de busca permite pesquisar serviços já cadastrados na base de dados. Os resultados da busca são exibidos em um modal, onde o usuário pode optar por editar ou excluir o serviço selecionado.
-
O sistema usa autenticação baseada em Bearer Token, obtido a partir do sessionStorage. Esse token é enviado no cabeçalho de requisições para garantir que somente usuários autenticados possam interagir com a API.
Clone o repositório:
git clone https://github.com/oliveiradeflavio/react-password-manager.git
Instale as dependências:
npm install
Defina as variáveis de ambiente:
Crie um arquivo .env com a variável VITE_API_URL apontando para a URL da sua API.
Execute o projeto:
npm run dev
Backend
Versão do PHP 8 ou superior
Crie o banco de dados com o script SQL