https://github.com/danilosalvador/marketplace-web

Projeto 15 do MBA Rocketseat Full-stack como resolução do desafio prático do módulo Web-Frontend, envolvendo fundamentos do React.js, consumo de APIs, React Hook Form, React Query e testes automatizados.
https://github.com/danilosalvador/marketplace-web

Last synced: about 1 month ago
JSON representation

Projeto 15 do MBA Rocketseat Full-stack como resolução do desafio prático do módulo Web-Frontend, envolvendo fundamentos do React.js, consumo de APIs, React Hook Form, React Query e testes automatizados.

• Host: GitHub
• URL: https://github.com/danilosalvador/marketplace-web
• Owner: danilosalvador
• License: mit
• Created: 2024-11-28T20:54:54.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-28T21:13:57.000Z (about 2 months ago)
• Last Synced: 2024-11-28T22:23:02.511Z (about 2 months ago)
• Language: TypeScript
• Homepage:
• Size: 1.71 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
  

    





![Projeto](https://img.shields.io/badge/danilosalvador-marketplace--web-green)

![MBA](https://img.shields.io/badge/MBA-full--stack-8234e9)

![licence mit](https://img.shields.io/badge/license-MIT-green)



## 📖 Sobre

Projeto 15 do [MBA Rocketseat Full-stack](https://www.rocketseat.com.br/mba) como resolução do desafio prático do módulo Web-Frontend, envolvendo fundamentos do React.js, consumo de APIs, React Hook Form, React Query e testes automatizados.

O desafio consiste em desenvolver uma aplicação web de um dashboard de gestão de vendas de produtos: o **Marketplace**.

  

    



## 👨🏻‍💻 Tecnologias utilizadas

Foram utilizadas as seguintes tecnologias para desenvolvimento do projeto:

- [React.js](https://react.dev/)

- [TypeScript](https://www.typescriptlang.org/)

- [shadcn/ui](https://ui.shadcn.com/) - Componentes

- [tailwindcss](https://tailwindcss.com/) - Estilos

- [React Hook Form](https://www.react-hook-form.com/) - Formulário

- [Zod](https://zod.dev/) - Validação de Schema

- [Axios](https://axios-http.com/) - Chamadas de API

- [React Query](https://tanstack.com/query/) - Cache de API

- [Recharts](https://recharts.org/) - Gráficos

- [Sonner](https://sonner.emilkowal.ski/) - Toast de notificação

- [react-helmet-async](https://github.com/staylor/react-helmet-async) - Título das Páginas

## 🚀 Como Executar o Projeto

Para executar o projeto, o ambiente deve estar configurado com as ferramentas de desenvolvimento de aplicativos.

O projeto possui dependência do backend para a execução, então será necessário clonar o repositório abaixo e seguir as instruções contidas no README:

- [https://github.com/rocketseat-education/mba-marketplace-server](https://github.com/rocketseat-education/mba-marketplace-server)

Após clonar o repositório acima e executa-lo, seguir com:

```bash

# Clonar o repositório

git clone https://github.com/danilosalvador/marketplace-web

# Entrar no diretório

cd marketplace-web

# Baixar as dependências

npm install

# Executar

npm run dev

```

O login e senha do usuário criado pela seed é:

- Email: `[email protected]`

- Senha: `123456`

## 📺 Demonstração

- YouTube: [MBA | Rocketseat - Resolução do desafio Marketplace](https://www.youtube.com/watch?v=N93Gt8Xegys)

## 📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.