joaovitorJS / react-data-listing

Projeto pequeno em ReactJs que usa fundamentos como React Query, Http State, React Hook Form + zod

React Data Listing

💻 Sobre o projeto

Projeto que mostra como fazer uma boa listagem de dados em ReactJS e também como fazer formulário usando React Hook Form + zod.

🎨 Layout

Web

🚀 Como executar este projeto

Pré-requisitos

Para executar esta aplicação, você deverá ter instalado em sua máquina as seguintes ferramentas:

• Git
• Node.js - v20.11.0
• NPM ou PNPM - PNPM version: 8.14.2

🎲 Rodando a aplicação web

# Clone este repositório -> usando SSH
$ git clone [e-mail]:joaovitorJS/react-data-listing.git

# Acesse a pasta do projeto no seu terminal
$ cd react-data-listing

## Passos com pnpm

# Instale as dependências
$ pnpm i

# Execute o Json server em um terminal
$ pnpm run server

# O server irá abrir na porta 3333 - http://localhost:3333/

# Execute a aplicação web em modo de desenvolvimento
$ pnpm run dev

# O servidor web inciará na porta:5173 -
# acesse http://localhost:5173 em seu navegador para ver a aplicação funcionando

🛠 Tecnologias

• TypeScript
• ReactJS

Veja o arquivo package.json para ver todas as dependências do projeto

👨🏻‍💻 Autor

João Vitor

Entre em contato

   

📝 Licença

Este projeto esta sobe a licença MIT.