https://github.com/oxdrtech/biblioteca-online-frontend
https://github.com/oxdrtech/biblioteca-online-frontend
sass vitejs
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/oxdrtech/biblioteca-online-frontend
- Owner: oxdrtech
- Created: 2024-01-12T12:00:50.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-06T12:50:13.000Z (over 1 year ago)
- Last Synced: 2026-04-18T00:40:50.456Z (about 2 months ago)
- Topics: sass, vitejs
- Language: JavaScript
- Homepage: https://desafio05escoladnc.vercel.app/
- Size: 104 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## IMPORTANTE
Esse repositório é o frontend do desafio 05. Desafio que consiste em um sistema simples de registro, edição e consulta de livros
Nesse README.dm é possivel encontrar informações sobre:
- Etapas de desenvolvimento do desafio
- Instalações
- Funcionalidades
#### URL da API: https://api-desafio05escoladnc.vercel.app/
#### URL da Aplicação Frontend: https://desafio05escoladnc.vercel.app/
---
# Desafio-05---Desenvolva-uma-API-e-integre-ao-frontend-de-uma-aplicação---Escola-DNC
🎯 Etapas de Desenvolvimento
### ETAPA-01 - Clone o front-end
Para iniciar o desenvolvimento desse desafio, você precisará clonar o front da aplicação presente neste repositório. É ele que você deverá conectar à sua API.
### ETAPA-02 - Crie um projeto Node para sua API
Comece a construção da sua API através de um projeto em Node.JS. Para isso você deverá iniciar um projeto em Node no seu VS Code. Estruture a API conforme a funcionalidade requerida:
- Cadastro de livros contendo: um ID único, um Título, o Número de páginas, Código ISBN e a editora.
- Edição de livros: podendo editar qualquer campo.
- Visualização de livros: todos os livros cadastrados precisam estar no front-end.
- Deletar livros: todos os livros podem ser deletados.
### ETAPA-03 - Teste de Rotas
Teste cada uma das rotas da API para garantir que estão funcionando. Ao finalizar a API garanta que todas as rotas dela estejam funcionais e realizando o que deveriam estar fazendo.
### ETAPA-04 - Integre sua API com o Front
Implementar a Service que irá executar a conexão com a API. Desenvolva a Service que irá utilizar as rotas da API e irá enviar os dados para cada uma das views utilizadas e desenvolva as funcionalidades em cada View.
### ETAPA-05 - Realize o deploy
Na etapa final você deverá subir o arquivo no github e disponibilizar ele através do Vercel! Assim, qualquer um poderá ver o que você construiu funcionando.
## Tecnologias usadas
- vite.js
- sass
## Instalações
comandos para iniciar esse projeto do zero
```bash
npm create vite@latest
```
```bash
cd nome-do-projeto
```
```bash
npm i axios dotenv react-router-dom react-icons react-hook-form @hookform/resolvers yup
```
```bash
npm i -D sass
```
comandos para clonar esse projeto
```bash
git clone https://github.com/DDR23/Desafio-05---FRONTEND---Desenvolva-uma-API-e-integre-ao-frontend-de-uma-aplicacao---Escola-DNC
```
```bash
npm i
```
Para rodar esse projeto, você vai precisar criar um arquivo .env e adicionar as seguintes variáveis de ambiente no seu .env
```
VITE_BASE_URL=https://api-desafio05escoladnc.vercel.app
```
## Funcionalidades
- mostrar todos os livros cadastrados
- mostrar um detalhes de um livro especifico
- cria um livro
- edita um livro cadastrado
- apaga um livro cadastrado