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