RANDOMAPI

📖 Introdução

Este projeto foi desenvolvido com o propósito de desenvolver uma aplicação para o consumo e utilização de APIs e um CRUD e disponibilizá-las a você.

📄 Descrição

A RandomAPI trata-se de uma aplicação web (frontend e backend), capaz de realizar a comunicação com APIs distinstas, além de um CRUD. A aplicação segue os seguintes pré-requisitos:

• A página inicial da aplicação deve ser uma Login Page;
• O usuário deve ser capaz de se autenticar utilizando o username admin e password ADMIN123, também, deve existir a possibilidade do usuário utilizar o remember me para realizar logins automáticos, sem a necessidade de digitar username e password após o primeiro acesso;
• Após o Login, a página principal deve conter uma listagem de usuários gerada a partir da api Random User Generator, a lista deve conter a foto do usuário, nome completo, email, username e idade. Além disso, os requests devem ser páginados, porém, é de critério do participante do desafio a quantidade de resultados a serem exibidos por página e variações para o mesmo. Também, deve haver uma search para buscar usuários por nome, email ou username;
• Em uma segunda página, o usuário deve ser capaz de selecionar um status code http qualquer, e, após a seleção, deve ser retornada uma imagem da api HTTP Cat relacionada ao status escolhido, caso não exista tal imagem, deve ser retornada uma imagem de not found à critério de escolha do participante do desafio;
• Em uma terceira página, deve haver um botão de refresh que, ao ser clicado, deve retornar uma imagem aleatória da api Random Dog;
• Em uma quarta página, deve haver uma lista de clientes, através da qual o usuário deve ser capaz de cadastrar novos clientes, visualizar informações de um cliente específico, atualizar um cliente e deletar clientes. O cadastro deve possuir nome, email, telefone, endereço e cpf.

💻 Tecnologias

⚒️ Livrarias Utilizadas

Para rodar o projeto localmente, instalar o node.js e o mongoDB executando na porta 3001.

Toda aplicação

• npm install: Para instalação;
• npm start: Para execução, na pasta back e front separadamentes.

Front-End

• npm install styled-components
• npm install axios
• npm install react-router-react

Back-End

• npm install cors
• npm install express
• npm install nodemon
• npm install mongoose
• npm install dotenv

📫 Contato

E-mail: emidio.daniel@hotmail.com