Simple

Анимированный лендинг сайта изготовителя бумажных принадлежностей под все нужды человека на React c использованием react-scroll и framer-motion.

Технологии

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

Архитектура проекта

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

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

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

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

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

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

npm install

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

npm start