react saas template

Шаблон React SaaS

Остатки SaaS-бизнеса, который я когда-то пытался построить. Теперь преобразован в шаблон для создания приложения SaaS/администратора с использованием React + Material-UI.

Посмотрите демо

Начиная

Предварительные условия

Node.js 12+ (версии ниже могут работать, но не тестировались)

• Линукс:

   sudo apt install nodejs npm
  

• Windows или macOS:

  https://nodejs.org/en/

Установка

1. Клонировать репозиторий

    git clone https://github.com/dunky11/react-saas-template
   

2. Установите зависимости, это может занять минуту

    cd react-saas-template
   npm install
   

3. Запустите локальный сервер

    npm start
   

Теперь ваш браузер должен открыться и отобразить приложение. В противном случае откройте http://localhost:3000/ в своем браузере. Редактирование файлов автоматически обновит страницу.

Что делать дальше?

Если вы новичок в React, вам следует сначала просмотреть базовое руководство по React.

Если вы знаете React, то большая часть необходимой вам информации находится в документации Material-UI.

Вы можете зайти в src/theme.js и изменить основные и дополнительные цветовые коды в верхней части скрипта на те значения, которые вам нравятся, и произойдет какое-то волшебство.

Развертывание

Если вас устраивает состояние вашего сайта, вы можете запустить:

 npm run build 

Будет создана папка с именем build с вашим скомпилированным проектом внутри. После этого скопируйте его содержимое в свой корневой каталог, и все готово.

Построен с

• Create-React-App — используется для запуска разработки.
• Material-UI — компоненты Material Design
• React-Router — маршрутизация приложения
• Pace — полоса загрузки вверху.
• Emoji-Mart - Сборщик смайлов
• React-Dropzone — компонент удаления файлов для загрузки
• Recharts — библиотека диаграмм, которую я использовал для статистики.
• Aos — анимация на основе области просмотра
• React-Cropper — обрезка для загрузки изображений.
• React-Stripe-js — элементы оплаты Stripes

Способствовать

Покажите свою поддержку проекту. Запросы на вытягивание всегда приветствуются.

Лицензия

Этот проект лицензируется по лицензии MIT — подробности см. в файле LICENSE.md.