Юлия Власова
Рейтинг
Уровень владения языками
Навыки и умения
Программирование
-
HTML и CSS верстка
от 200 UAH за час
-
Javascript и Typescript
от 200 UAH за час
Портфолио
-
WebStudio
Проект WebStudio - это двусторонний сайт. Для его создания были использованы следующие технологии: HTML, CSS, SASS. Эта работа была выполнена для отработки навыков создания разметы и стилизации. Технологии CSS используются для анимации таких элементов, как кнопки, изображения и спливающие элементы.
-
Event Planner →
Event Planner - веб-приложение, которое позволяет пользователям планировать и организовывать события.Event Planner имеет следующие страницы:
• Главная страница:
На этой странице пользователи могут пересмотреть список ближайших событий.Есть возможность сортировать события по различным критериям, например, по названию, дате или приоритету.При ховере и фокусе на карту события появляется кнопка, которая дает возможность перейти к более подробному описанию события (переход к страницы события).Также на странице есть кнопка добавления нового события, при нажатии которой пользователь переходит на страницу создания события.• Страница создания события:
На этой странице пользователи могут заполнить форму с необходимой информацией о событии, такой как название, дата, время, место, описание и т.д.• Страница события:
… Получается подробная информация о конкретном событии.Есть возможность пользователям обо вернуться на предыдущую страницу, либо удалить событие, либо редактировать.При нажатии на кнопку редактирования приложения переводит пользователь на страницу редактирования события.• Страница редактирования события:
На этой странице пользователи могут редактировать заполненную форму с информацией о событии, такой как название, дата, время, место, описание и т.д.После сохранения формы редактирования пользователь автоматически возвращается на страницу события.В приложении также реализовано:
Поиск событий - возможность искать событие по названию, воспользовавшись инпутом в хедере.Пагинация на главной странице.Поддержка различных языков - переводчик на украинский и английский.С страницы события по клику на кнопку Видео открывается модальное окно, где пользователь может посмотреть видео об событии (вплоть до дефолта).Верстика адаптивная и кросбраузерная - мобильная от 320px, планшет от 768px, десктоп от 1280px.Используется подход Mobile First.При верстике списка событий используется алгоритм CSS Grid.При разработке используется React, JS, TS (колендар).Формы создания и редактирования события реализованы с валидацией с помощью formik.Приложение реализовано без запросов и привязки к бекенду.
-
Фильмотека
Это командная работа. Я был одним из разработчиков, а также исполнял роль Scrum Master. Частью моей работы была смесь и стиль программы. А также скрипт, который выполняет API запрос и рендерирует фильмы в топе. Второй сценарий, который я разработал, отвечает за запрос к серверу по имени, введенному пользователем, и воспроизведения отфильтрованного списка.
Используемые технологии HTML, CSS, препроцессор SASS, Java Script, командная работа в GitHub в филиалах. Главная библиотека: axios, lodash, movie-trailer, notiflix, tui-pagination, vanilla-back-to-top.
Активность
| Последние ставки 1 | Бюджет | Добавлена | Сроки | Ставка | |
|---|---|---|---|---|---|
|
Рефакторинг CSS стилей проекта. Удаление старых стилей. Обновить дизайн.
1000 UAH
|