#rent-a-campervan app
Цей проект був створений за допомогою Create React App. Для знайомства і налаштування додаткових можливостей звернися до документації.
- За макетом https://www.figma.com/design/fnMWH0eBB7NnoqdAiiKWsQ/Test?node-id=0-1 реалізовано додаток, що повідомляє про оренду кемпера.
- На першій сторінці каталогу відображаються 4 оголошення, а решта – після натискання кнопки Завантажити більше.
- Після натискання кнопки у вигляді «серця» на рекламній карті вона додається до списку обраного, а колір кнопки відповідно змінюється (фон: #D84343).
- При оновленні сторінки фіксується кінцевий результат дій користувача. Якщо ви додаєте карту до вибраного та оновлюєте сторінку, кнопка залишається в стані «обране оголошення» з відповідним кольором.
- Якщо ви знову натиснете кнопку серця, карту буде видалено зі списку вибраного, а колір кнопки зміниться на вихідний.
- Якщо натиснути кнопку "Показати більше", відкриється модальне вікно з детальною інформацією про кемпеї.
- Модальне вікно закривається клацанням по кнопці у вигляді «хрестика», клацанням по тлі та натисканням клавіші Esc.
- Модальне вікно містить інформацію про характеристики кемпера та відгуки про нього. Інформація про малюнок залежить від стану активної вкладки.
- Модальне вікно також містить форму для бронювання кемпера, яка складається з полів ім'я, адреса електронної пошти, дата бронювання та коментар. Поля Ім'я, E-mail та Дата бронювання є обов'язковими для заповнення та перевіряють дійсність введених значень.