- Адаптивная вёрстка;
- По макету Figma
- Взаимодействие с API NASA;
- Next.js;
- Без использования redux (текущие данные хранятся в LocalStorage);
- Стилизация с помощью CSS модулей;
- Кроссбраузерность в последних версиях браузеров (chrome, firefox, safari, edge);
- TypeScript;
- тесты;
(в процессе покрытия тестами)
- На главной список подлетов астероидов к Земле от текущей даты в бесконечность.
- Подгрузка при скролле порциями.
- По каждому астероиду: название, размер, оценка опасности, как близко будет к Земле, точная дата максимального подлёта. Иконка сближения в зависимости от опасности.
- Фильтр по опасности. И опция вывода расстояний: в километрах или расстояниях до Луны.
- В фоне шапки есть изображение, которое должно быть получено в API NASA APOD (картинка дня).
- В подробной информации по астероиду помимо инфы, перечисленной выше, список всех его сближений.
- По каждому сближению: скорость относительно Земли, время максимального сближения с Землей, расстояние до Земли, по орбите вокруг чего летит.
- Список на уничтожение — это некая корзина, где отображаются выбранные подлеты астероидов.
- В конце страницы кнопка заказа бригады им. Брюса Уиллиса на выбранные астероиды. Бригада будет доставлена на астероид в нужный момент и выполнит свою нелёгкую работу.