Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/arthur-ferreira/webdeveloperessentials-app


https://github.com/arthur-ferreira/webdeveloperessentials-app

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

        


Web Developer Essentials - APP

WDE Layout

## 💻 Projeto

O projeto desenvolvido consiste em uma aplicação **front-end** moderna e interativa, construída para consumir uma API REST, que substituiu o antigo sistema server-side. Essa aplicação foi projetada para fornecer uma experiência fluida e dinâmica, utilizando **Vue.js** como framework de UI, juntamente com **TypeScript** para garantir tipagem estática e maior confiabilidade no código.

A aplicação permite aos usuários explorar, visualizar e gerenciar produtos em uma loja virtual, além de acessar e editar informações da conta, adicionar produtos ao carrinho e finalizar compras. A integração com a API REST permite uma comunicação eficiente com o servidor, utilizando **JSON** como formato de troca de dados.

A interface foi otimizada com **Less**, um pré-processador de CSS que facilita a escrita de estilos reutilizáveis e organizados, garantindo um design moderno e responsivo.

### Funcionalidades:

- Consumo de uma **API RESTful** para gerenciamento de produtos, contas e pedidos;
- Autenticação e autorização para controle de acesso às funcionalidades;
- Adição de produtos ao carrinho e conclusão de compras;
- Interface responsiva e otimizada para diferentes dispositivos.

### Novas tecnologias e funcionalidades:

- **11/23** - Integração completa com a nova API REST;
- **11/23** - Introdução do pré-processador **Less** para melhor gerenciamento e escrita de CSS;
- **11/23** - Uso de **TypeScript** para maior confiabilidade e manutenção do código.

## 🚀 Tecnologias

Este projeto foi desenvolvido com as seguintes tecnologias:

- [Vue.js](https://vuejs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
- [Less](https://lesscss.org/)