https://github.com/ataimasov/portfolio
Рассказываю о себе, своих проектах и опыте работы.
https://github.com/ataimasov/portfolio
bem-methodology fancybox fontello gulp html-css-javascript phpmailer scss swiper
Last synced: 10 months ago
JSON representation
Рассказываю о себе, своих проектах и опыте работы.
- Host: GitHub
- URL: https://github.com/ataimasov/portfolio
- Owner: ATaimasov
- Created: 2024-06-16T17:36:29.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-18T17:06:37.000Z (over 1 year ago)
- Last Synced: 2024-12-21T23:49:07.706Z (over 1 year ago)
- Topics: bem-methodology, fancybox, fontello, gulp, html-css-javascript, phpmailer, scss, swiper
- Language: PHP
- Homepage: https://таймасов.рф
- Size: 28 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Портфолио
## Введение
Персональный сайт, где нескучно рассказываю о себе, своих проектах и опыте работы.
Использован принцип абстракции HTML кода при формировании страницы проектов.
Собственный дизайн сайта.
Проект на сервере: https://таймасов.рф
## Установка и запуск проекта
Клонировать репозиторий:
git clone https://github.com/ATaimasov/Portfolio
Установить зависимости:
npm install
Запустить проект:
npm run dev
## Используемые технологии и подходы
#### Основа:
- HTML;
- SCSS;
- JavaScript;
#### Библиотеки:
- Swiper - слайдеры с проектами, слайдеры с перечислением опыта работы;
- PHPMailer - отправка формы на почту;
- Fancybox - попапы (policy, видео, форма);
- Fontello - иконки в виде шрифтов;
#### Дополнительно использовано в разработке:
- БЭМ-методология с полным разделением на модули;
- Gulp + Webpack - проект собран на Gulp, для JS использован Webpack;
## Source
Изначально сайт был сверстан по макету Figma.
Впоследствии реализовал свой дизайн с собственной структурой сайта.
Вдохновлялся следующими проектами:
Rafael Caferati
Игорь Степанов