https://github.com/southatelove/interview-trajectory-glonass
interview-trajectory-glonass
https://github.com/southatelove/interview-trajectory-glonass
react-hooks reactjs rest-api sass typescript webpack yandex-maps
Last synced: 6 months ago
JSON representation
interview-trajectory-glonass
- Host: GitHub
- URL: https://github.com/southatelove/interview-trajectory-glonass
- Owner: southatelove
- Created: 2023-04-10T21:22:44.000Z (about 3 years ago)
- Default Branch: car-shop01
- Last Pushed: 2024-05-29T07:12:23.000Z (about 2 years ago)
- Last Synced: 2025-03-21T05:43:13.058Z (over 1 year ago)
- Topics: react-hooks, reactjs, rest-api, sass, typescript, webpack, yandex-maps
- Language: TypeScript
- Homepage: https://glonassgps-interview.vercel.app
- Size: 245 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Сайт для взаимодейстия с автомобилями и их местоположением на карте.
Посмотреть работоспособность приложения можно __[здесь](https://glonassgps-interview.vercel.app/)__.
## Стек:
- __TypeScript__
- __React__
- __React-Hooks__
- __SASS__
- __Yandex-Maps__
Задача
Создать веб-страницу с использованием фреймворком Vue или React.
Получить данные объектов из API путем REST-запроса. Используя данные отрисовать компоненты объектов в виде карточек с полями.
Реализовать сортировку объектов по значениям (год выпуска и стоимость).
Добавить возможность редактирования и удаления карточек на фронтенд части (изменение названия марки, модели и стоимости).
Дополнительное задание:
Реализовать отображение объектов на карте, использую их координаты. (API можно использовать любое)
**Плюсом будет использование TypeScript ***
P.S.Оформление UI на усмотрение
Исходные данные
API для работы с базой данных, которая хранит информацию об автомобилях.
https://test.tspb.su/test-task
Поддерживаемый метод:
GET vehicles
https://test.tspb.su/test-task/vehicles
Пример ответа:
[
{
"id": 1,
"name": "Toyota",
"model": "Camry",
"year": 2021,
"color": "red",
"price": 21000,
"latitude": 55.753215,
"longitude": 37.620393
},
...
]