Билд проекта находится в отдельном репозитории.
Проект реализован с помощью фронтенд-фреймворка Svelte JS. Также были выбраны такие инструменты, как CSS-фреймворк Tailwind CSS и UI-библиотека Flowbite Svelte (специально для Svelte).
В целом, после обучения в техниккуме на разработчика приложений я уже умею работать с основными фронтенд-фреймворками (React JS, Vue JS), поэтому чтобы было интереснее разрабатывать сайт я поставил перед собой цель изучить менее популярный, но очень интересный фреймворк Svelte JS, который помимо всех преимуществ, характерных для более популярных аналогов, также имеет: набор встроенных анимаций для элементов, двухстороннее связывание props-ов (props-ы могут изменяться как со стороны родительского элемента, так и со стороны дочернего) и комбинированный подход к разработке, вдохновленный частично React JS и частично Vue JS.
Задачи проекта:
- Разработать симпатичный дизайн в макете;
- Изучить фронтенд-фреймворк Svelte JS;
- Интегрировать в проект UI-библиотеку Flowbite Svelte;
- Сделать полноценный генератор городов с русским колоритом на начальной (в дальнейшем интегрировать прочие колориты);
- Добавить страницу-архив сохраненных названий городов, где их можно просматривать, копировать в буфер обмена и удалять;
- Добавить страницу настроек генератора (большая часть функций будет разработана в будущем);
- Выполнить роутинг с помощью библиотеки sv-router;
- Сделать адаптивную верстку (для поддержки смартфонов);
- Реализовать механизм директорий/папок для сохраненных городов;
- Залить на Github Pages и продемонстрировать преподавателю в рамках Введения в направление (учебной дисциплины в вузе);
- Насладиться процессом разработки.