An open API service indexing awesome lists of open source software.

https://github.com/sweetconsole/plant

Верстка лендинга по продаже комнатных растений на React
https://github.com/sweetconsole/plant

eslint react sass typescript vite

Last synced: 2 months ago
JSON representation

Верстка лендинга по продаже комнатных растений на React

Awesome Lists containing this project

README

          

# Plant

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

## Технологии


Vite
React
Type Script
SASS

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

error

## Архитектура

```
├── 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](https://github.com/sweetconsole/plant) с помощью команды:
```
git clone https://github.com/sweetconsole/plant.git
```
2. Установить зависимости:
```
npm install
```
3. Запустить проект:
```
npm start
```