Plant

Верстка лендинга по продаже комнатных растений на React c использованием языка программирования TypeScript и препроцессора SASS.

Технологии

Превью главной страницы

Архитектура

├── public - директория для иконок и превью изображений
│ ├── src - рабочая директория
│ ├── assets
│ │	├── fonts - директория шрифтов
│ │	├── images - директория изображений
│ │	└── styles - директория глобальный стилей
│ │ ├── reset.scss - файл сброса стилей браузеров
│ │ └── variables.scss - файлы переменных
│ │
│ ├── components
│ │	├── ••• - компоненты
│ │	├── ui - ui компоненты
│ │ │ └── index.ts - файл сокращения импортов
│ │ │
│ │ └── index.ts - файл сокращения импортов
│ │
│ ├── App.scss - стили главного компонента
│ ├── App.tsx - главный компонент
│ ├── main.tsx - исполняемый файл
│ └── vite-env.d.ts - файл определения типов переменных окружения │
├── .gitignore
├── eslint.config.js - конфигурация eslint
├── index.html
├── package.json
├── README.md
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts - конфигурация пакетного менеджера Vite

Запуск проекта

Для запуска проекта необходимо выполнить следующие действия:

1. Склонировать проект на ваш компьютер с Github с помощью команды:

git clone https://github.com/sweetconsole/plant.git

2. Установить зависимости:

npm install

3. Запустить проект:

npm start