Ігор Кондратюк
Рейтинг
Уровень владения языками
Навыки и умения
Портфолио
-
Любовь к питомцам
Веб-программированиеЭто приложение для компании, которая объединяет людей, любящих домашних животных и держащих их у себя дома. Компания может предоставлять пользователям информационные и рекламные услуги в этой сфере. Демонстрационную версию можно протестировать по ссылке https://petlove-lac.vercel.app
Основные разделы.
Приложение содержит следующие страницы:
…
Стартовая страница - содержит баннер с логотипом - кнопку перехода на домашнюю страницу.
Домашняя страница - содержит баннер о домашних любимцах и блок навигации, с помощью которого можно перейти на другие страницы.
Страница новостей - на этой странице размещены карточки с новостями о домашних любимцах, условиях содержания, рационе и т.д. В каждой карточке есть кнопки перехода на сайт компании-поставщика новости для более подробного просмотра. Также на странице есть возможность поиска новостей по ключевому слову и для удобства просмотра есть пагинация.
Страница объявлений - содержит карточки с информацией о домашних любимцах. Каждая карточка содержит две кнопки, с помощью которых авторизованный пользователь может просмотреть подробную информацию с ссылками на контакты данного объявления. При этом объявление автоматически попадает в коллекцию просмотренных. Вторая кнопка предназначена для добавления объявления в коллекцию избранных или удаления, если это объявление было добавлено ранее. Неавторизованному пользователю будет предложено пройти авторизацию или регистрацию. Также на странице есть возможность поиска по ключевому слову и фильтрации по типу, полу, категории, локации, популярности и цене. Для удобства просмотра есть пагинация.
Страница друзей - содержит карточки с информацией о компаниях, поддерживающих любителей животных. Карточки также содержат ссылки на контакты этих компаний, а при клике на логотип можно перейти на сайт компании.
Страница регистрации - содержит форму, с помощью которой новый пользователь может зарегистрироваться и создать свой аккаунт. При успешной регистрации приложение автоматически перенаправляет пользователя на страницу профиля.
Страница входа - содержит форму для авторизации ранее зарегистрированного пользователя. При успешной авторизации приложение автоматически перенаправляет пользователя на страницу профиля.
Страница профиля - содержит информацию о пользователе и форму для редактирования этой информации (изменение имени, email, номера телефона, аватарки). Также страница содержит вкладки, с помощью которых пользователь может просматривать ранее созданные коллекции избранных или просмотренных объявлений. Кроме того, на странице размещены карточки, созданные пользователем, с информацией о его домашних любимцах, на каждой карточке есть кнопка для удаления карточки из коллекции. Еще на странице есть кнопка перехода на страницу для добавления карточек домашних любимцев в коллекцию.
Страница добавления домашних любимцев - содержит форму для создания карточки с информацией о домашнем любимце (фото, возраст, пол, имя и т.д.). После успешного создания новой карточки приложение перенаправляет пользователя на страницу профиля, где уже можно видеть созданную карточку.
Верстка
Верстка: -mobile от 320px - гибкая, от 375px - адаптивная. Tablet, desktop - адаптивная с точками перелома 768px и 1280px. Реализована согласно ТЗ: https://docs.google.com/spreadsheets/d/1DmQUeGZy_oaXN6yn69ORLzou1ZQRyTMlrAqPSit_clw/edit?pli=1&gid=1134921873#gid=1134921873 и макету https://www.figma.com/file/puMNfZVg4YI8UZoJ1QiLLi/Petl%F0%9F%92%9Bve?type=design&node-id=55838-750&mode=design&t=Xg1IwIcKebTl5xGs-0
Использованные технологии
Фронтенд
React с использованием сборщика Vite.
React Router.
Redux Toolkit.
CSS, Styled-Components.
React-hook-form.
Yup.
React-toastify.
React-spinners.
Бэкенд
Для приложения использовался готовый бэкенд https://petlove.b.goit.study/api-docs/#/
-
Изучайте Линго
Веб-программированиеЭто приложение для компании, предлагающей воспользоваться услугами преподавателей по изучению языков онлайн. Приложение позволяет пользователям просматривать информацию о преподавателях, которая занесена в базу данных, фильтровать по языку преподавания, уровню подготовки пользователя, а также по максимальной цене. Пользователь может отправить форму бронирования пробного урока. Авторизованный пользователь, кроме того, имеет возможность создать коллекцию избранных преподавателей, куда может добавлять понравившихся ему преподавателей и соответственно удалять их. Демоверсию можно протестировать по ссылке https://teachers-indol.vercel.app
Основные функции
Главная страница - содержит баннер с основным призывом к действию и кнопку перехода на страницу каталога.
… Страница каталога - показывает информацию о всех преподавателях, которые есть в базе, также здесь есть возможность фильтровать по языку, уровню подготовки пользователя и максимальной цене, также для удобства просмотра предусмотрена пагинация и кнопка "Scroll Up".
Для авторизованного пользователя есть доступ к странице избранных, где отображается информация о преподавателях, которых пользователь добавил в избранное. На этой странице также предусмотрена пагинация и "Scroll Up".
Каждая карточка преподавателя содержит кнопку "Read more", при клике по которой открывается более подробная информация о преподавателе, и становится доступной кнопка "Book trial lesson". При клике на эту кнопку открывается модальное окно с формой бронирования пробного урока.
-
Эпическая фантастика
HTML и CSS версткаРекламное приложение для компании, которая специализируется на производстве видеоигр. https://gocha001.github.io/STP-7967/
Активность
| Последние ставки 9 | Бюджет | Добавлена | Сроки | Ставка | |
|---|---|---|---|---|---|
|
Верстка макета фигма
5000 UAH
|
|||||
|
Верстка макета из figma в html/css
1000 UAH
|
|||||
|
Створити сайт
10 000 UAH
|
|||||
|
Верстка одной страницы
1000 UAH
|
|||||
|
Верстка сайта в html
5153 UAH
|
|||||
|
Верстка книги.
1500 UAH
|
|||||
|
Верстка страницы
4000 UAH
|
|||||
|
Требуется разработчик для постоянного сотрудничества
1109 UAH
|
|||||
|
Верстка макету по Figma
5000 UAH
|