genesis

Тествоое задание к вакансии Full stack JS-developer

Table of contents

• Overview
  • Conditions
  • Links
• Process
  • Tech Stack
• Project Setup
  • Dev mode
  • Production mode
  • Linting

OverView

Conditions

Визуальная часть:

Сверстать 3 компонента соответсвуя дизайн карте

• Кнопка с прелоадером
• Выпадающий список (dropdown)
• Область отображения результатов полученных на эндопинте

Функционал фронтенда:

• Создание 3 видов сущностей соотвествующих эндпоинту
• Отправка POST запроса с выбранной сущностью:
  • Получение данных и их отображение или вывод ошибок
  • Сохарнение полученных данных до конца сессии

Links

Может не работать если изменился или истёк срок accsess токена. Live URL: Genezis-testovoe

Process

Tech Stack

• Typescript
• Vue
• Pinia
• Axios
• VueUse
• EsLint

Project Setup

pnpm install

Compile and Hot-Reload for Development

pnpm dev

Type-Check, Compile and Minify for Production

pnpm build

Lint with ESLint

pnpm lint