https://github.com/webistomin/vuejs-table-component

:bookmark_tabs: Генерация таблицы из JSON с регистрацией и авторизацией
https://github.com/webistomin/vuejs-table-component

authentication firebase json vue

Last synced: 17 days ago
JSON representation

:bookmark_tabs: Генерация таблицы из JSON с регистрацией и авторизацией

• Host: GitHub
• URL: https://github.com/webistomin/vuejs-table-component
• Owner: webistomin
• Created: 2018-10-08T09:13:27.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-10-15T17:01:52.000Z (about 6 years ago)
• Last Synced: 2024-10-30T05:35:02.809Z (2 months ago)
• Topics: authentication, firebase, json, vue
• Language: JavaScript
• Homepage: https://vuejs-table-component.firebaseapp.com
• Size: 1.2 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vuejs-table-component

> Генерация таблицы из JSON с регистрацией и авторизацией через firebase

https://vuejs-table-component.firebaseapp.com

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

Приложение рендерит страницу регистрации, авторизации и таблицы с данными. Неавторизованный пользователь не имеет доступа к таблице и его редиректит на станицу входа. Данные формы валидируются через встроенные возможно vuetify. Регистрацию и авторизацию решил сделать через firebase, а не через local storage. Данные таблицы подтягиваются через axios. Если данных много, то отображается пагинация. Реализована сортировка таблицы по колонкам



## Установка

  

    

      Команда

      Результат

    

  

  

    

      npm install

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

    

    

      npm run dev

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

    

     

      npm run build

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

    

    

      npm start ЗАДАЧА

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

    

  

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

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

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

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

  

    

      Технология

      Описание

    

  

  

    

      Vue.js

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

    

    

      Vuex

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

    

     

      Vue Router

      Библиотека для маршрутизации

    

     

      Vuetify

      Фреймворк, предоставляющий набор компнентов UI в Material Design

    

    

      axios

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

    

    

      Firebase

      Сервис, имитирующий работу серверной части. В проекте через него реализована регистрация и авторизация пользователей

    

  

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

| [](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/vuejs-table-component.svg?branch=master

[travis-url]: https://travis-ci.org/webistomin/vuejs-table-component

[dependency-image]: https://david-dm.org/webistomin/vuejs-table-component/dev-status.svg

[dependency-url]: https://david-dm.org/webistomin/vuejs-table-component