https://github.com/sweetconsole/sweet_portfolio
Сайт-портфолио в стиле MS-DOS на React с использованием языка программирования TypeScript, препроцессора стилей SASS и сборщика проектов Vite.
https://github.com/sweetconsole/sweet_portfolio
portfolio-website react scss vercel vite web-development
Last synced: 3 months ago
JSON representation
Сайт-портфолио в стиле MS-DOS на React с использованием языка программирования TypeScript, препроцессора стилей SASS и сборщика проектов Vite.
- Host: GitHub
- URL: https://github.com/sweetconsole/sweet_portfolio
- Owner: sweetconsole
- Created: 2025-08-06T00:18:05.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-06T00:38:02.000Z (11 months ago)
- Last Synced: 2025-08-06T02:34:19.545Z (11 months ago)
- Topics: portfolio-website, react, scss, vercel, vite, web-development
- Language: TypeScript
- Homepage: https://sweetconsole-portfolio.vercel.app/
- Size: 588 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SweetConsole Portfolio
Сайт-портфолио в стиле MS-DOS на React с использованием языка программирования TypeScript, препроцессора стилей SASS и сборщика проектов Vite.
## Технологии
## Архитектура
```
├── public - директория статичных файлов
│
├── src - рабочая директория
│ ├── styles
│ │ ├── fonts.scss - стили инициализация шрифтов
│ │ ├── general.scss - общие стили проекта
│ │ ├── reset.scss - файл сброса стилей браузеров
│ │ └── variables.scss - переменные стилей
│ │
│ ├── components
│ │ ├── shared - общие компоненты
│ │ ├── widgets - блоки сайта
│ │ │
│ │ └── index.ts - файл сокращения импортов
│ │
│ ├── components
│ │ ├── constants - константные переменные
│ │ │
│ │ └── index.ts - файл сокращения импортов
│ │
│ ├── 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 - настройки компилятора TypeScript
└── vite.config.ts - конфигурация сборщика проектов
```
## Запуск проекта
Для запуска проекта необходимо выполнить следующие действия:
1. Клонировать проект на ваш компьютер с [Github](https://github.com/sweetconsole/sweet_portfolio) с помощью команды:
```
git clone https://github.com/sweetconsole/sweet_portfolio.git
```
2. Установить зависимости:
```
npm install
```
3. Запустить проект:
```
npm run dev
```