Ukrainian Camper Rental Service - Van Voyage

This project is a web application for renting campers in Ukraine, created as part of a test task. In the service, you can explore various services related to camper rental for family trips. Currently, the application is available according to the layout on desktop screens of 1440px and above.

Technologies

The project was implemented using the following technologies and tools:

• React: for creating the user interface and managing the application state.
• React Router: for navigation between different pages of the application.
• Emotion: for styling components using the CSS-in-JS approach.
• Axios: for interacting with APIs and fetching data.
• Redux: for managing the application state and data management.
• MockAPI: used to create a personal API and store camper rental listings.

Structure

The project has the following page structure:

1. Home Page: General description of the services provided by the company.
2. Camper Catalog: Page with a catalog of campers of various configurations, with the ability to filter by location, equipment, and type.
3. Favorites: Page with listings added by the user to favorites.

Additional Features

The project includes the following additional tasks:

• Use of Redux for managing the application state.
• Use of Axios for API interaction.
• Additional functionalities as per the technical task, such as pagination, adding listings to favorites, etc.

Deployment

The project has been deployed on GitHub Pages.

Український кампер-сервіс Van Voyage

Цей проект - веб-додаток для оренди камперів в Україні, створений у рамках тестового завдання. У сервісі ви зможете ознайомитися з різноманітними послугами, пов'язаними з орендою камперів для сімейних подорожей. Наразі застосунок доступний, згідно макету на десктопних екранах 1440px і більше.

Технології

Проект був реалізований з використанням наступних технологій та інструментів:

• React: для створення інтерфейсу користувача та управління станом додатку.
• React Router: для навігації між різними сторінками додатку.
• Emotion: для стилізації компонентів з використанням CSS-in-JS підходу.
• Axios: для взаємодії з API та отримання даних.
• Redux: для керування станом додатку та управління даними.
• MockAPI: використано для створення власного персонального API та зберігання оголошень про оренду камперів.

Структура

Проект має наступну структуру сторінок:

1. Домашня сторінка: Загальний опис послуг, що надає компанія.
2. Каталог камперів: Сторінка з каталогом камперів різної комплектації, з можливістю фільтрації за місцем знаходження, обладнанням та типом.
3. Улюблені: Сторінка з оголошеннями, які були додані користувачем в улюблені.

Додатково

У проекті було виконано наступні завдання:

• Використання Redux для керування станом додатку.
• Використання Axios для взаємодії з API.
• Додаткові функції відповідно до технічного завдання, такі як пагінація, додавання оголошень до улюблених тощо.

Деплой

Проєкт був задеплоєний на GitHub Pages.