Разработать web-приложение, которое позволит отслеживать актуальные мероприятий в городе.
Отправившись отдохнуть после очередной душной сессии, вы познакомились с одним представителем администрации местного городка. После непродолжительного общения вам рассказали, что администрация города проводит много мероприятий для жителей , но у неё нет современного средства для оповещения граждан. Ваш новый знакомый сказал, что у него на примете есть кое-кто, готовый разработать серверную часть, но с клиентской помочь можете только вы. Встретившись с ним ещё раз, вы обсудили лично, какой функционал от вас требуется, поэтому уже знаете, что должна уметь делать система.
Все требования к сервису вы узнали от своего знакомого, однако хочется напомнить несколько пунктов, которые он рекомендовал реализовать:
-
Видео-трансляции
Для привлечения большего количества людей к мероприятию хочется иметь возможность вести стрим с места событий. Лучше один раз увидеть, как всё было, чем 10 раз прочитать об этом в газете.
-
Отображение мероприятий на карте
Удобно искать ближайшие мероприятия на карте, когда вам не хочется тратить время на поездки.
Для работы большинства сайтов требуется бэкенд, предоставляющий данные. В рамках выполнения данного задания нет необходимости создавать полноценный бэкенд. Можно, например, использовать json-server, mockapi, попросить написать бэкенд знакомого, использовать статичные данные и так далее.
Задания по frontend-разработке всегда привносили что-то новое в формат набора в лабораторию. Данное задание сделано на основе задания по backend-разработке, что позволяет вам скооперироваться с кем-то из бэкендеров. Такое решение будет выглядеть интереснее, так как продемонстрирует заодно и умение работать в команде.
В случае использования какого-либо бэкенда необходимо кроме ссылки на решение приложить ссылку на бэкенд и инструкцию, как им пользоваться.
-
Производительность
К данному критерию относится cкорость работы сайта на устройствах пользователей. Сюда в том числе входит время отрисовки сайта, отсутствие зависаний и так далее.
-
Использование Best practices
Frontend - это быстроразвивающаяся среда. Всегда приветствуется использование современных технологий и библиотек.
-
Оригинальность и цельность идеи
Создаваемое решение не должно копировать уже существующие сайты, но при этом все его компоненты необходимо связать единой мыслью (проблематикой).
-
Руководства по основам WEB
-
SPA фреймворки/библиотеки
-
Инструменты для разработки