Skip to content

southatelove/cars_typescript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Сайт для взаимодейстия с автомобилями и их местоположением на карте.

Посмотреть работоспособность приложения можно здесь.

Стек:

  • 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 }, ... ]