Skip to content

Проект : Мой личный сайт-портфолио

Notifications You must be signed in to change notification settings

script696/myPortfolioProject

Repository files navigation


Проект MyPortfolioProject

Мой личный сайт-портфолио, где вы можете найти все информацию обо мне, моих последних проектах а также связаться со мной через форму обратной связи

Посмотреть этот проект

О проекте


Screen Shot

Перед тем как начать реализацию данного проекта я подумал, что мне нужно что-то, что поможет мне выделиться среди остальных junior разработчиков и позволит попасть на собеседование, на котором я смогу показать свой уровень знаний. Мне хотелось сделать что-то необычное, то, что сможет заинтересовать человека. На момент начала разработки я еще не начал изучать библиотеку React, поэтому в стеке технологий выбор был сделан в пользу ванильного JavaScript и SCSS. После окончания разработки я понял, что могу создавать интересные проекты самостоятельно и это вдохновило меня для создания новыз Web приложений

Использованные технологии

  • SCSS
  • Swiper
  • Методология БЭМ
  • Адаптивная верстка
  • Синтаксис ES6
  • ООП
  • REST API
  • Динамическая валидация форм
  • Webpack
  • Проект подключен к серверу и размещен в интернете на хостинге Beget

Установка

1. Клонируйте репозиторий командой:

git clone git@github.com:script696/myPortfolioProject.git

2. Установите пакеты командой:

npm i

3. Доступные скрипты:

npm run dev

Запуск приложения в режиме разработки.
Откройте http://localhost:8080 чтобы увидеть результат в браузере.

Страница обновится автоматически при внесении изменений.

Как это можно использовать

  1. Проект состоит из трех слайдов по которым можно переходить перетаскиванием экрана или с помощью верхнего меню.
  2. На основной странице, в раздере мои 'Мои проекты', при нажатии на кнопку со стрелкой ('ещё') будет осуществлен переход на новый слайд с детальным описание проекта
  3. На основной странице, в раздере мои 'Мне удалось вас заинтересовать', расположены три карточки. При нажатии на кнопки карточек 'Headhunter' и 'Habr', будет осуществлен переход на страницу с моим резюме соответствубщих сайтов. При нажатии на кнопку карточки 'Скачайте мою резюме', будет осуществлен на новую вкладку с моим резюме в формате pdf.
  4. На основной странице, в раздере мои 'У вас остались вопросы', расположена форма обратной связи. При заполнении формы и нажатии кнопки 'Отправить', ваше сообщение будет доставлено в мой telegram
  5. При нажатии на логотип в нижней части страницы вы будете перемещены наверх

Что планируется улучшить

Когда я найду работу, возможно, я выполню рефакторинг данного проекта, для поиска интересных людей и обмена с ними опытом

Авторы