Посмотреть результат: https://armageddon-v.vercel.app/
Нужно сверстать сайт «Армагеддон-V», сайт их трёх страниц про астероиды. На основе данных API NASA. https://api.nasa.gov Asteroids - NeoWs
На главной список подлетов астероидов к Земле от текущей даты в бесконечность. Подгрузка при скролле порциями. По каждому астероиду: название, размер, оценка опасности, как близко будет к Земле, точная дата максимального подлёта. Размер отображается графически в масштабировании иконки астероида относительно динозавра. Фильтр по опасности астероида. И опция вывода расстояний: в километрах или расстояниях до Луны.
Адаптивная вёрстка.
В подробной информации по астероиду помимо инфы, перечисленной выше, список всех его сближений. По каждому сближению: скорость относительно Земли, время максимального сближения с Землей, расстояние до Земли, по орбите вокруг чего летит.
В списке и на странице астероида есть кнопка добавления астероида в список на уничтожение.
Список на уничтожение — это некая корзина, где отображаются выбранные подлеты астероидов. В конце страницы кнопка заказа бригады им. Брюса Уиллиса на выбранные астероиды. Бригада будет доставлена на астероид в нужный момент и выполнит свою нелёгкую работу.
Дизайн-макет отрисован только для первой страницы, остальные две вы делаете на своё усмотрение. https://www.figma.com/file/hqTe840Oxlio2g4a1k7Syi/Armaggedon-V?node-id=1%3A2
Нефункциональные требования:
- Использовать React или Next.js;
- Решение предоставить в виде репозитория (github/bitbucket/gitlab по выбору).