https://github.com/thomas-dev7/desafio-tecnico-frontend-construp

A company brought me a challenge, which was to generate this experience in product management, visually pleasing and functional with intuitive UX.
https://github.com/thomas-dev7/desafio-tecnico-frontend-construp

axios challenge js vue

Last synced: about 1 month ago
JSON representation

A company brought me a challenge, which was to generate this experience in product management, visually pleasing and functional with intuitive UX.

• Host: GitHub
• URL: https://github.com/thomas-dev7/desafio-tecnico-frontend-construp
• Owner: Thomas-DEV7
• Created: 2025-06-18T00:50:59.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-30T15:59:13.000Z (11 months ago)
• Last Synced: 2026-02-01T15:45:51.492Z (5 months ago)
• Topics: axios, challenge, js, vue
• Language: Vue
• Homepage:
• Size: 104 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🖥️ Frontend – Desafio Técnico CRUD de Produtos | Construp

![Logo da Construp](https://www.construp.com.br/img/new-logo.bdeb3a22.png)

Este repositório contém a implementação do **frontend** para o desafio técnico proposto pela empresa **Construp**, utilizando **Vue.js 3** com a API RESTful desenvolvida em Laravel. A interface permite interação completa com o CRUD de produtos e foi construída com foco em organização, responsividade e clareza de código.

---

## 📌 Descrição do Desafio

O desafio consistia em construir uma interface web capaz de se comunicar com uma API, oferecendo as seguintes funcionalidades:

- Listagem de produtos (nome, preço, imagem e descrição)

- Criação de novo produto

- Edição de produto existente

- Exclusão de produto

- Layout responsivo e amigável

- Integração com backend via HTTP (Axios)

---

## 🛠️ Tecnologias Utilizadas

- Vue.js 3 (Vite + Composition API)

- Vue Router

- Pinia (Gerenciamento de estado)

- Axios

- Tailwind CSS

- Docker (ambiente de desenvolvimento)

- Vitest (testes)

---

## 📁 Estrutura do Projeto

```bash

frontend/

├── src/

│   ├── assets/

│   ├── components/

│   ├── router/

│   ├── stores/

│   ├── views/

│   └── App.vue

├── public/

├── .env.example

├── vite.config.js

└── README.md