react_admin_ui_v1

React Admin UI — это красивый прототип пользовательского интерфейса информационной панели с открытым исходным кодом, созданный на основе TypeScript и React. Удивительно, но я впервые создаю прототип пользовательского интерфейса с довольно сложными компонентами. Итак, моя цель — ИТ-агентства или даже отдельные разработчики могут использовать этот прототип, чтобы получить представление о своих будущих проектах.

Ознакомьтесь с предварительной версией пользовательского интерфейса администратора React, чтобы получить полный список функций прототипа, основные ценности и варианты использования.

Этот репозиторий содержит базовую систему React Admin UI Prototype , разделенную на два разных каталога. Бэкэнд предназначен для API JSON (он уже настроен для развертывания Vercel), а внешний интерфейс предназначен для всего прототипа пользовательского интерфейса.

? Особенности и состав

• ⚡️ React 18 TypeScript с Vite
• Декларативная маршрутизация с помощью React Router v6
• ? Бесшовное получение данных с помощью React Query v5
• Оптимизированные значки с помощью React Icons v5
• ? Tailwind CSS v3 как основа стиля
• ? Daisy UI v4 как базовая система проектирования
• ? Material UI v5 для оптимизированной сетки данных
• Красивые графики с Recharts v2
• ? И многое другое...

Установка и как использовать

Ниже приведены примеры быстрой установки и использования.

Бэкэнд

Установите все зависимости, перечисленные в package.json внутри внутреннего каталога.

 cd backend

npm install

По умолчанию я уже развернул API для работы в среде Vercel. Доступ к живому API можно получить по адресу https://react-admin-ui-v1-api.vercel.app/. Однако, если вы хотите настроить бэкэнд самостоятельно, вы можете выполнить команду ниже.

nodemon ./src/index.ts

Доступ к API можно получить локально по адресу http://localhost:5000.

Внешний интерфейс

Установите все зависимости, перечисленные в package.json внутри каталога внешнего интерфейса.

 cd frontend

npm install

npm run dev

Если вы хотите изменить конечную точку API по умолчанию, вы можете перейти к ApiCollection.tsx.

После этого к приложению можно будет получить доступ по адресу http://localhost:5173/.

? Есть вопросы? Хотите пообщаться? Столкнулись с проблемой?

Разумеется, вы всегда можете связаться со мной напрямую, используя формальный подход, например, по электронной почте или через LinkedIn.

? Нашли ошибку? Предлагаете конкретную функцию?

Не стесняйтесь создавать новую проблему с соответствующим названием и описанием в репозитории fransachmadhw/react_admin_ui_v1. Если вы уже нашли решение своей проблемы, мы будем рады рассмотреть ваш запрос на включение !

✅ Требования

Для пользовательского интерфейса администратора React требуется версия Node выше или равная 20.11.0 LTS . Просмотрите раздел dependencies и devDependencies в package.json внутри серверной и внешней части, чтобы найти текущий список требований пользовательского интерфейса администратора React.

Лицензия

Прототип пользовательского интерфейса React Admin Dashboard выпущен в соответствии с условиями BSD-3-Clause.