Недавно в рамках челленджа на codepen/io я написала прототив игрушки https://codepen.io/ludmila-tretyakova/pen/oNNXVVj

Идея мне понравилась, и я решила сделать полноценную игру на Kotlin & Android. Получилась динамичная и интересная игра.

BallStick - это интересная игра на развитие внимания для взрослых и детей.
В игре шары двух цветов — голубой и оранжевый. Шар каждого цвета нужно отправить к линии своего цвета, нажав на нужную половину экрана. На первый взгляд, это простая игра, но для достижения наилучшего результата нужно быть сосредоточенным и внимательным. Игра предназначена для телефонов и планшетов и работает в портретной ориентации экрана.

BallStick

Сейчас рынок мобильных приложений стремительно развивается. Меня заинтересовало это направдение, поэтому я начала изучение Kotlin & Android. Музыкальный тренер - первое приложение с использованием данных технологий.

Музыкальный тренер - приложение для тех, кто никогда не занимался музыкой, но хочет научиться слышать определённую мелодию. Научиться слышать мелодию несложно, но это умение, как и любое другое, требует тренировки! Идея игры проста — у вас есть мелодия и четыре кнопки. Нажимая на кнопки, вам нужно повторить мелодию.

Чему я научилась и что делала во время работы над проектом:

• познакомилась с базовыми типами Kotlin и синтаксисом языка
• познакомилась с базовыми компонентами Android
• настройка Android-приложения
• написала собственный компонент
• поработала с FragmentActivity
• научилась работать с анимацией
• запись / чтение SharedPrefences

Музыкальный тренер в GooglePlay

Разработка приложений для мобильных у меня занимает много времени. Но тем не менее, стараюсь регулярно участвовать в челленджах от codepen.io. Это позволяет придумывать прототипы различных страничек и игр в достаточно короткие сроки и получать фидбек от людей.

В рамках этих челленджей сделала 2 варианта галереи изображений с эффектом masonry на flexbox.

Принцип цикады в этом варианте применен для border-radius изображений. При наведении на картинку - картинка разворачивается полностью.

Галерея десертов тоже сделана на flexbox. Здесь за фиксированный размер принята высота избражения, а ширина выставляется автоматически. В качестве фона использовала другое изображение, но применила к нему blur-фиильтр. В результате получила красивый фон.

При наведении на картинку появляется название десерта, а при клике - всплывающее окно с дополнительной информацией. Дополнительную информацию можно подгружать с сервера, тогда описание каждого десерта станет уникальным.

Ниже ссылки на исходный код и превью результата:

Галерея изображений с применением принципа цикады

Галерея изображений для десертов

С последнего проекта на React прошло 4 месяца. В это время помимо разработки на React, я решала задачи для челленджей 100 Days of CSS и на codepen.io. Решения можно посмотреть в моём профиле https://codepen.io/ludmila-tretyakova/ на codepen.io. На данный момент там чуть больше 50 мини-проектов на JavaScript, CSS и немного SVG.

На React-е с ноября разрабатывала проект LuReader. LuReader - читалка для электронных книг в формате fb2. Я люблю читать электронные книги. Мне стало интересно разобраться в формате электронных книг и написать свою версию читалки. Как мне кажется, у меня получилась довольно удобная читалка с лаконичным дизайном.

Скрин проекта - это ссылка на gif-ку с процессом работы с читалкой.

Что читалка может делать:

• загружать файлы в формате fb;
• отображать текст книги с учетом разрешения экрана;
• перелистывание страниц вперёд и назад;
• показывать информацию о книге: автор, название, картинку обложки, дата издания, аннотацию, переводчик и т.п.
• показывать прогресс чтения данной книги;
• отображать список уже прочитанных книг.

Что делала и чему научилась во время работы над проектом:

• Для того чтобы правильно листать страницы, нужно посчитать сколько слов в ней помещается. Тогда конец текста на одной странице - начало на следующей. Чтобы правильно расчитать эти размеры с учетом разрешения монитора, придумала несколько вариантов решения этой проблемы.
• Научилась работать с IndexedDB: чтение, запись и обновление данных.
• Разработала модель базы данных для приложения с учетом того, что IndexedDB не позволяет строить связи один-ко-многим.
• Разработала парсеры сырых данных из файла для получения данных из книги.
• Написала регулярные выражения к парсерам.
• Сделала резиновую верстку проекта для разных разрешений экрана.

Читать книгу