Основные проекты

В данном разделе я расскажу про свои основные работы и выполненные проекты различной сложности и масштаба. Каждый из проектов вы, при желании, сможете найти в одноименных репозиториях у меня на GitHub (ссылки будут прикреплены).

Путеводитель для туристов

Данное веб-приложение было одним из самых интересных за всё время работы в данной сфере. Он разрабатывался в качестве основного задания во время прохождения летней практики в компании Modsen. Основной задачей данного проекта было обеспечение пользователя возможностью поиска различных интересных мест (таких как музеи, кафе, супермаркеты, спортивные объекты и др.) в Минске и других городах, а также добавлять их в избранное и прокладывать к ним маршрут.

Используемый стек технологий

Для разработки пользовательского интерфейса использовалась библиотека React. Работа со стилями внутри веб-приложения происходила при помощи препроцессора Sass (модульные стили), использовались популярные методы построения сетки, такие как Flexbox и Grid Layout. Было использовано и масштабировано официальное API от Google для встраивания карты и построения маршрутов в проекте. Помимо frontend-части разрабатывалась серверная сторона веб-приложения(backend), и для разработки бизнес-логики использовался фреймворк Express.js, а также была использована облачная база данных Firebase. Данное работа была полностью написана на языке TypeScript для внедрения строгой типизации и предотвращения частых ошибок в процессе разработки. В приложении была реализована регистрация/авторизация с использованием JWT-токена. Также стоит упомянуть, что данный проект разворачивался на облачной платформе Vercel, которая позволяет легко и безболезненно разрабатывать и разворачивать веб-приложения.

Ссылки

Vercel – Ссылка на развернутый
GitHub – ссылка на репозиторий

Арт-музей

Этот проект был выполнен относительно недавно и создавался в качестве тестового задания во время прохождения испытательных процессов для стажировки в компании Modsen. Проект арт-музея позволил мне изучить различные новые для себя аспекты в разработке, такие как, например, написание unit-тестов для данного веб-приложения при помощи фреймворка Jest.js. Основной задачей было создание веб-приложения с адаптивным и кроссбраузерным интерфейсом, которое даёт пользователю возможность просмотра работ различных художников, прочтения описания данных работ. Одним из основных условий было добавление картин в избранное, используя sessionStorage (регистрация/авторизация не реализовывалась). Дополнительным условием было внедрение лоадера, который отображается во время загрузки данных. Процесс разработки проекта стал достаточно интересным, а также позволил комфортно и не торопясь изучить несколько важных библиотек и фреймворков (Jest, Yup и др.), которые я не использовал ранее.

Используемый стек технологий

Стек технологий был задан в техническом задании, и я должен был использовать описанные в нём технологии, библиотеки, структуру для построения архитектуры проекта и другие аспекты. Одним из основных условий в техническом задании было использование TypeScript во всех основных модулях приложения. Для создания пользовательской части использовалась библиотека React, а также встроенные в нее инструменты, например, все основные хуки (useState, useEffect, useContext, useRef, useMemo и другие) и создание кастомных хуков, вспомогательных модулей. Процесс разработки сопровождался созданием отдельных веток для разных фич, своевременным сливанием таких веток с главной, важным условием было именование коммитов по определенному стилю (общепринятая договоренность именования коммитов). Структура самого проекта была задана в техническом задании. Создание и добавление стилей CSS происходило с использованием препроцессора Sass и CSS-модулей. Веб-приложение было развёрнуто на облачной платформе Vercel, а также полностью загружено в мой репозиторий GitHub.

Ссылки

Vercel – ссылка на развернутый
GitHub – ссылка на репозиторий