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