Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucasbailo/front-end-api-produtos
React Front End for API Produtos
https://github.com/lucasbailo/front-end-api-produtos
Last synced: about 1 month ago
JSON representation
React Front End for API Produtos
- Host: GitHub
- URL: https://github.com/lucasbailo/front-end-api-produtos
- Owner: lucasbailo
- Created: 2024-11-19T02:39:06.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-19T02:46:27.000Z (2 months ago)
- Last Synced: 2024-11-19T03:28:32.023Z (2 months ago)
- Language: JavaScript
- Homepage: https://front-end-api-produtos.vercel.app
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Welcome an API Project - Front End! 👋
# API Produtos!
## Test the project yourself: [Test the project here!!!](https://front-end-api-produtos.vercel.app/)
### Create / Add a new Product
## Edit a product
## Delete an item
## Home Page
## Some code that I'm proud of
```js
const handleEdit = (id) => {
handleShow()
axios.get(`https://localhost:7284/api/ProdutoClass/${id}`)
.then((result) => {
setEditNome(result.data.nome)
setEditCusto(result.data.custo)
setEditVenda(result.data.venda)
setEditQuantidade(result.data.quantidade)
setEditIsActive(result.data.isActive)
setEditId(id)
})
.catch((error => {
console.log(error)
}))
}
```## Built with
- `React`
- [`Bootstrap`](https://www.npmjs.com/package/bootstrap)
- [`Ant Design`](https://www.npmjs.com/package/antd)
- [`Toastify`](https://www.npmjs.com/package/react-toastify)## You Can
- **C**reate Items;
- **R**ead a database;
- **U**pdate items;
- **D**elete items if you want.## Back-End repository: [See Back-End!](https://github.com/lucasbailo/back-end-api-produtos)
## Author
- Website - [My GitHub](https://github.com/lucasbailo)
- Frontend Mentor - [@lucasbailo](https://www.frontendmentor.io/profile/lucasbailo)
- Instagram - [@lucassbailo](https://www.instagram.com/lucassbailo/)
- LinkedIn - [Lucas Bailo](https://www.linkedin.com/in/lcsbailo)