Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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

Create Item

## Edit a product

Edit Item

## Delete an item

Delete Item

## Home Page

Crud image

## 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)