react_admin_ui_v1

React Admin UI es un hermoso prototipo de interfaz de usuario de panel de código abierto creado con TypeScript y React. Sorprendentemente, esta es la primera vez que construyo un prototipo de interfaz de usuario con componentes un poco complejos. Entonces, mi objetivo es que las agencias de TI o incluso los desarrolladores individuales puedan usar este prototipo para brindar información para sus proyectos futuros.

Eche un vistazo a la vista previa de React Admin UI para obtener una lista completa de las características, valores fundamentales y casos de uso del prototipo.

Este repositorio contiene el sistema central de React Admin UI Prototype , dividido en dos directorios diferentes. El backend es para la API JSON (ya está configurado para la implementación de Vercel) y el frontend es para todo el prototipo de interfaz de usuario.

? Características y consisten en

• ⚡️ Reaccionar 18 TypeScript con Vite
• Enrutamiento declarativo con React Router v6
• ? Obtención de datos perfecta con React Query v5
• Íconos optimizados con React Icons v5
• ? Tailwind CSS v3 como base de estilo
• ? Daisy UI v4 como sistema de diseño base
• ? Material UI v5 para cuadrícula de datos optimizada
• Hermosos gráficos con Recharts v2
• ? Y muchos más...

Instalación y cómo utilizar

Consulte a continuación una instalación de inicio rápido y ejemplos de uso.

backend

Instale todas las dependencias enumeradas en package.json dentro del directorio backend.

 cd backend

npm install

De forma predeterminada, ya implementé la API para ejecutarla en el entorno Vercel. Se puede acceder a la API en vivo desde https://react-admin-ui-v1-api.vercel.app/. Sin embargo, en caso de que desee configurar el backend usted mismo, puede ejecutarlo a continuación.

nodemon ./src/index.ts

Y se puede acceder a la API localmente desde http://localhost:5000.

Interfaz

Instale todas las dependencias enumeradas en package.json dentro del directorio frontend.

 cd frontend

npm install

npm run dev

Si desea cambiar el punto final de API predeterminado, puede ir a ApiCollection.tsx.

Y luego, se puede acceder a la aplicación desde http://localhost:5173/.

? ¿Tiene alguna pregunta? ¿Quieres charlar? ¿Se encontró con un problema?

Obviamente, siempre puedes comunicarte conmigo directamente a través de un enfoque formal como correo electrónico o LinkedIn.

? ¿Encontraste un error? ¿Sugieres una característica específica?

No dude en presentar un nuevo número con el título y la descripción respectivos en el repositorio fransachmadhw/react_admin_ui_v1. Si ya encontró una solución a su problema, ¡nos encantaría revisar su solicitud de extracción !

✅ Requisitos

La interfaz de usuario de React Admin requiere una versión de Node superior o igual a 20.11.0 LTS . Eche un vistazo a la sección dependencies y devDependencies en package.json dentro del backend y el frontend para encontrar la lista actual de los requisitos de React Admin UI.

Licencia

El prototipo de interfaz de usuario del panel de administración de React se publica según los términos de la cláusula BSD-3.