https://github.com/webistomin/aviasales-test

:airplane: Верстка и реализация страницы выдачи билетов с фильтрами
https://github.com/webistomin/aviasales-test

aviasales filters javascript vue

Last synced: about 1 month ago
JSON representation

:airplane: Верстка и реализация страницы выдачи билетов с фильтрами

• Host: GitHub
• URL: https://github.com/webistomin/aviasales-test
• Owner: webistomin
• Created: 2018-09-30T07:40:33.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-10-08T10:02:20.000Z (over 6 years ago)
• Last Synced: 2024-10-30T05:35:02.460Z (3 months ago)
• Topics: aviasales, filters, javascript, vue
• Language: JavaScript
• Homepage: https://aviasales-test-b5f54.firebaseapp.com/
• Size: 2.28 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Тестовое задание от Aviasales

> Страница выдачи билетов с различными фильтрами

https://aviasales-test-b5f54.firebaseapp.com/

[![Build status][travis-image]][travis-url] [![dependencies Status](https://david-dm.org/webistomin/aviasales-test/status.svg)](https://david-dm.org/webistomin/aviasales-test) [![Dependency status][dependency-image]][dependency-url] 

При открытии приложения, отображается список билетов и фильтр к ним. При клике на чекбоксы, показываются билеты, которые соответствуют данным фильтрам. Для отображения цен используется текущий курс доллара и евро, получаемый через API. Для вывода правильного формата даты используется moment.js



## Установка

  

    

      Команда

      Результат

    

  

  

    

      npm install

      Установить зависимости

    

    

      npm run dev

      Запустить сборку, сервер и слежение за файлами

    

     

      npm run server

      Запустить фейковый сервер, который отдает JSON с билетами

    

     

      npm run build

      Собрать проект для продакшена

    

    

      npm start ЗАДАЧА

      Запустить задачу с названием ЗАДАЧА (список задач в package.json)

    

  

Предполагается, что все команды вы выполняете в bash (для OSX и Linux это самый обычный встроенный терминал, для Windows это, к примеру, Git Bash). В Windows установку пакетов (npm i) нужно выполять в терминале, запущенном от имени администратора.

## Техническое задание 

Открыть репозиторий

## Используемые технологии

  

    

      Технология

      Описание

    

  

  

    

      Vue.js

      Основной фреймворк для разработки интерфейса приложения

    

    

      Vuex

      Центральное хранилище данных для всех компонентов приложения

    

    

      axios

      Доступ к API, основанный на промисах HTTP-клиента

    

    

       JSON-server

       Имитация работы сервера

    

    

       moment.js

       Вывод даты в правильном формате

    

  

## Поддержка браузерами

| [](http://godban.github.io/browsers-support-badges/)IE / Edge | [](http://godban.github.io/browsers-support-badges/)Firefox | [](http://godban.github.io/browsers-support-badges/)Chrome | [](http://godban.github.io/browsers-support-badges/)Safari| [](http://godban.github.io/browsers-support-badges/)Opera | [](http://godban.github.io/browsers-support-badges/)Yandex |

| --------- | --------- | --------- | --------- |--------- | --------- |

| IE11, Edge|Последние 2 версии|Последние 2 версии| 9+ |Последние 2 версии| Последние 2 версии |

[travis-image]: https://travis-ci.org/webistomin/aviasales-test.svg?branch=master

[travis-url]: https://travis-ci.org/webistomin/aviasales-test

[dependency-image]: https://david-dm.org/webistomin/aviasales-test/dev-status.svg

[dependency-url]: https://david-dm.org/webistomin/aviasales-test