react_admin_ui_v1

React Admin UI é um protótipo de interface de usuário de painel bonito e de código aberto construído com TypeScript e React. Surpreendentemente, esta é a primeira vez que construo um protótipo de interface de usuário com componentes um pouco complexos. Portanto, meu objetivo é que agências de TI ou mesmo desenvolvedores individuais possam usar este protótipo para trazer insights para seus projetos futuros.

Dê uma olhada na visualização do React Admin UI para obter uma lista abrangente de recursos do protótipo, valores essenciais e casos de uso.

Este repositório contém o sistema central do React Admin UI Prototype , dividido em dois diretórios diferentes. Backend é para a API JSON (já está configurado para implantação do Vercel) e Frontend é para todo o protótipo da interface do usuário.

? Recursos e composição

• ⚡️ React 18 TypeScript com Vite
• Roteamento declarativo com React Router v6
• ? Busca perfeita de dados com React Query v5
• Ícones otimizados com ícones React v5
• ? Tailwind CSS v3 como base de estilo
• ? Daisy UI v4 como sistema de design básico
• ? Material UI v5 para grade de dados otimizada
• Lindos gráficos com Recharts v2
• ? E muito mais...

Instalação e como usar

Veja abaixo um exemplo de instalação e uso de início rápido.

Back-end

Instale todas as dependências listadas em package.json dentro do diretório backend.

 cd backend

npm install

Por padrão, já implantei a API para rodar em ambiente Vercel. A API ativa pode ser acessada em https://react-admin-ui-v1-api.vercel.app/. Porém, caso você queira configurar o backend sozinho, você pode executar abaixo.

nodemon ./src/index.ts

E a API pode ser acessada localmente em http://localhost:5000.

Front-end

Instale todas as dependências listadas em package.json dentro do diretório frontend.

 cd frontend

npm install

npm run dev

Se desejar alterar o endpoint da API padrão, você pode acessar ApiCollection.tsx.

E então, o aplicativo pode ser acessado em http://localhost:5173/.

? Tem alguma pergunta? Gostaria de conversar? Teve algum problema?

Obviamente, você sempre pode entrar em contato comigo diretamente por meio de uma abordagem formal, como e-mail ou LinkedIn.

? Encontrou um bug? Sugerindo um recurso específico?

Sinta-se à vontade para registrar um novo problema com o respectivo título e descrição no repositório fransachmadhw/react_admin_ui_v1. Se você já encontrou uma solução para o seu problema, adoraríamos revisar sua solicitação pull !

✅ Requisitos

React Admin UI requer uma versão do Node superior ou igual a 20.11.0 LTS . Dê uma olhada na seção dependencies e devDependencies no package.json dentro do backend e frontend para encontrar a lista atual dos requisitos do React Admin UI.

Licença

O React Admin Dashboard UI Prototype é lançado sob os termos da BSD-3-Clause.