/TEST-CAR-LIST

Test example in React + Redux Toolkit , TypesScript. List of car cards and map with their geoposition (Google Map Api integration)

Primary LanguageTypeScript

TEST-CAR-LIST

Это тестовое задание: Целью было разработать React приложение для отображения карточек автомобилей и отрисовкой их на карте(с загрузкой с сервера(API)). По функционалу реализовал: вывод данных с REST-запроса на сервер API, удаление и изменение данных об автомобиле, возможность сортировки по цене и году выпуска, так же подключил модули Google Map Dev с выводом точек на карте(маркеры и булуны меток), для UI компонентов использовался CSS фреймворк Bootstrap 5.3.

2023-05-18-3-08-30-PM

Содержание

Технологии

Использование

ZAPIS-EKRANA-2023-05-18-V-3.08.47-PM-online-video-cutter.com.gif

Что бы запустить проект локально, после клонирования проекта, откройте терминал: Зайдите в папку frontend

$ cd frontend

Установите npm-пакет с помощью команды:

$ npm ci

Запустите проект

$ npm start

Разработка

Требования

Для установки и запуска проекта, необходим NodeJS v8+.

Установка зависимостей

Для установки зависимостей, выполните команду:

$ npm i

Запуск Development сервера

Чтобы запустить сервер для разработки, выполните команду:

npm start

Создание билда

Чтобы выполнить production сборку, выполните команду:

npm run build

Команда проекта