https://github.com/andrade-tiago/mks.front-end.challenge

Um pequeno sistema de e-commerce com uma página Home de produtos e um carrinho
https://github.com/andrade-tiago/mks.front-end.challenge

commit-conventions framer-motion react react-query styled-components tailwind typescript zustand

Last synced: 8 days ago
JSON representation

Um pequeno sistema de e-commerce com uma página Home de produtos e um carrinho

• Host: GitHub
• URL: https://github.com/andrade-tiago/mks.front-end.challenge
• Owner: andrade-tiago
• Created: 2024-06-27T05:27:16.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-01T00:27:09.000Z (5 months ago)
• Last Synced: 2024-07-05T07:07:32.855Z (5 months ago)
• Topics: commit-conventions, framer-motion, react, react-query, styled-components, tailwind, typescript, zustand
• Language: TypeScript
• Homepage: https://mksfront-endchallenge-tiagos-projects-8258da4c.vercel.app
• Size: 502 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# :computer: MKS Sistemas

Este é o front-end do MKS Sistemas, uma pequena aplicação de e-commerce desenvolvida para o front-end challenge da companhia MKS Desenvolvimento de Sistemas e Empreendimentos Ltda.

![Screenshot](./public/img/screenshot.png)

Você pode assistir a uma demonstração de seu funcionamento no [YouTube](https://www.youtube.com/watch?v=ulTO1UfYhlY).

## :credit_card: Features

- Adicionar os produtos desejados ao carrinho;

- Gerenciar seu carrinho:

   - Remover os produtos que não quiser mais;

   - Controlar a quantidade desejada de cada item;

   - Finalizar a compra (removerá todos os itens do carrinho).

## :hammer: Principais tecnologias (além de outras)

- Setup: **React.js** + **TypeScript** + **Vite**;

- Estilização com **Tailwind-Styled-Component**: styled-components + Tailwind CSS;

- Otimização de requisições com **Axios** e **React Query**;

- Gerenciamento de estados globais com **Zustand**;

- Transições suaves com **Framer Motion**.

## :blue_book: Requisitos

Você pode conferir os requisitos do desafio [aqui](https://github.com/star-soft/starsoft-frontend-challenge/tree/main).