https://github.com/lucasbailo/front-end-api-produtos
React Front End for API Produtos
https://github.com/lucasbailo/front-end-api-produtos
ant-design axios bootstrap crud-application reactjs toastify
Last synced: 2 months 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-10-18T21:53:04.000Z (8 months ago)
- Last Synced: 2025-10-19T12:53:56.623Z (8 months ago)
- Topics: ant-design, axios, bootstrap, crud-application, reactjs, toastify
- Language: JavaScript
- Homepage: https://front-end-api-produtos.vercel.app
- Size: 4.01 MB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Welcome an API Project - Front End! 👋
# API Produtos!
### 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)