Nasa App

Презентационная версия - https://dmitryzhuravskiy.github.io/nasa-app/ ;

Руководство по запуску

1. git clone https://github.com/DmitryZhuravskiy/nasa-app.git - копируем репозиторий;
2. cd ./nasa-app - переходим в папку с локальной версией;
3. npm install - устанавливаем зависимости;
4. npm start - для просмотра локальной версии в браузере по адресу http://localhost:3000/ ;
5. или npm run build для сборки проекта;

Описание проекта

Запросы на nasa.api - Astronomy Picture of the Day (APOD). Отрабатываются 3 разных запроса отдельно на каждой странице: запрос на один пост, по умолчанию на конкретную дату, однако, дату можно изменить на любой доступный день, запрос на 4 случайно выбранных поста и запрос на диапазон постов, выбираемых за определенных промежуток времени. Промежуток времени после первой загрузки заданных параметров по умолчанию можно изменить. Также на странице выборке постов за промежуток времени есть пагинация с выводом по 5 постов на страницу. Фон сделан на чистом CSS с использованием анимации @keyframes. Фон старается походить на звездное небо с отдающим синим звездами. Запросы осуществляются с помощью хука useEffect.

Стартовая страница

Страница для отображения одного выбранного поста

Страница выбора постов с задаваемой выборкой сверху...

... и в конце с формой выбора и пагинацией страниц