portfolio

Новости (ReactJS / Backend)

код сайт

Проект "Новости" - поисковик новостей с использованием стороннего API. С возможностью регистрации и сохранением статей в личный кабинет (backend сделан на NodeJS, Express, MongoDB, Joi/celebrate)

Получены навыки: HTML, CSS, JS, ReactJS, git (flex, grid, position, анимация, БЭМ, @media, формы, popup, операции с DOM, API, SPA)

Тестовый пользователь:
email: test@mail.ru
password: 123

Место (ReactJS / Backend)

код сайт

Проект "Место" портированный на ReactJS, с написанием собственного backend'a

Получены навыки: HTML, CSS, JS, ReactJS, git (flex, grid, position, анимация, БЭМ, @media, формы, popup, операции с DOM, API, SPA)

Тестовый пользователь:
email: test@mail.ru
password: 123

Место

код сайт

Интерактивная страница, куда можно добавлять фотографии, удалять их и ставить лайки.

Получены навыки: HTML, CSS, JS, git (flex, grid, position, анимация, БЭМ, @media, формы, popup, операции с DOM)

Путешествие по России

код сайт

Верстка одностраничного адаптивного сайта о путешествиях по стране.

Получены навыки: HTML, CSS, git (flex, grid, position, БЭМ, @media)

Как учиться

код сайт

Типовой одностраничный сайт.

Получены навыки: HTML, CSS (flex, position, iframe, анимация, БЭМ)

Первый сайт c JS

код сайт

Первые пробы работы с DOM и JS

Получены навыки: HTML, CSS, JS

Первый сайт

код сайт

Первые пробы работы в HTML верстке

Получены навыки: HTML, CSS

Генератор комикса

код сайт

SPA проект по созданию комиксов.

Получены навыки: HTML, CSS, TS, ReactJS, git (flex, grid, position, анимация, БЭМ, @media, формы, popup, операции с DOM, API, SPA)

Винная дегустация

код сайт

Простая верстка по макету без адаптива

Получены навыки: HTML, CSS

FeeLBack

код сайт

Тестовое задание на отображение графиков в библиотеке Chart.js, с иммитацией данных из JSON файла, с возможностью отображения как по дням, так и средненедельных значений.

Получены навыки: JS, Webpack, Chart.js

FreeStylo

код сайт

Тестовое задание: "Создать сервис, позволяющий искать видео канала на twitch по названию этого канала. Пользователь может добавить видео в избранное и в вкладке избранное будут отображаться те видео, что он добавил, также он может их удалить из избранного. При перезагрузки страницы видео, добавленные в избранное, не должны пропадать оттуда."

Получены навыки: Next.js, Twitch API, SASS

Astrio

код сайт

Тестовое задание: "Создать html страницу и на ней реализовать баннер и вывод блока продуктов."

Получены навыки: HTML, CSS, JS

MEIJI MEDIA

код сайт

Тестовое задание: "Сверстать страницу по макету. Pixel Perfect, HTML5 семантика, CSS3, БЭМ, Mobile First"

Получены навыки: SCSS, Pug, Gulp, Jquery