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.
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.
The project has the following page structure:
- Home Page: General description of the services provided by the company.
- Camper Catalog: Page with a catalog of campers of various configurations, with the ability to filter by location, equipment, and type.
- Favorites: Page with listings added by the user to favorites.
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.
The project has been deployed on GitHub Pages.
Цей проект - веб-додаток для оренди камперів в Україні, створений у рамках тестового завдання. У сервісі ви зможете ознайомитися з різноманітними послугами, пов'язаними з орендою камперів для сімейних подорожей. Наразі застосунок доступний, згідно макету на десктопних екранах 1440px і більше.
Проект був реалізований з використанням наступних технологій та інструментів:
- React: для створення інтерфейсу користувача та управління станом додатку.
- React Router: для навігації між різними сторінками додатку.
- Emotion: для стилізації компонентів з використанням CSS-in-JS підходу.
- Axios: для взаємодії з API та отримання даних.
- Redux: для керування станом додатку та управління даними.
- MockAPI: використано для створення власного персонального API та зберігання оголошень про оренду камперів.
Проект має наступну структуру сторінок:
- Домашня сторінка: Загальний опис послуг, що надає компанія.
- Каталог камперів: Сторінка з каталогом камперів різної комплектації, з можливістю фільтрації за місцем знаходження, обладнанням та типом.
- Улюблені: Сторінка з оголошеннями, які були додані користувачем в улюблені.
У проекті було виконано наступні завдання:
- Використання Redux для керування станом додатку.
- Використання Axios для взаємодії з API.
- Додаткові функції відповідно до технічного завдання, такі як пагінація, додавання оголошень до улюблених тощо.
Проєкт був задеплоєний на GitHub Pages.