https://github.com/danielemidio1988/random-api
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ê.
https://github.com/danielemidio1988/random-api
css3 express html5 javascript mongodb nodejs reactjs usecontext useeffect usenavigate
Last synced: 11 months ago
JSON representation
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ê.
- Host: GitHub
- URL: https://github.com/danielemidio1988/random-api
- Owner: DanielEmidio1988
- Created: 2023-01-16T15:32:35.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-01-16T15:32:41.000Z (about 3 years ago)
- Last Synced: 2025-01-29T08:43:50.509Z (about 1 year ago)
- Topics: css3, express, html5, javascript, mongodb, nodejs, reactjs, usecontext, useeffect, usenavigate
- Language: JavaScript
- Homepage:
- Size: 2.08 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://randomuser.me/), 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](https://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](https://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
[](https://www.linkedin.com/in/danielemidio1988/)
[](https://www.codewars.com/users/DanielEmidio1988)