{"id":15969432,"url":"https://github.com/webistomin/vuejs-table-component","last_synced_at":"2026-04-16T19:07:21.211Z","repository":{"id":98739620,"uuid":"152051104","full_name":"webistomin/vuejs-table-component","owner":"webistomin","description":":bookmark_tabs: Генерация таблицы из JSON с регистрацией и авторизацией","archived":false,"fork":false,"pushed_at":"2018-10-15T17:01:52.000Z","size":1257,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-10T00:23:57.108Z","etag":null,"topics":["authentication","firebase","json","vue"],"latest_commit_sha":null,"homepage":"https://vuejs-table-component.firebaseapp.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webistomin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-10-08T09:13:27.000Z","updated_at":"2018-11-21T10:41:19.000Z","dependencies_parsed_at":"2023-03-04T09:15:19.690Z","dependency_job_id":null,"html_url":"https://github.com/webistomin/vuejs-table-component","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webistomin%2Fvuejs-table-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webistomin%2Fvuejs-table-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webistomin%2Fvuejs-table-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webistomin%2Fvuejs-table-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webistomin","download_url":"https://codeload.github.com/webistomin/vuejs-table-component/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247198403,"owners_count":20900078,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["authentication","firebase","json","vue"],"created_at":"2024-10-07T19:24:10.928Z","updated_at":"2026-04-16T19:07:21.121Z","avatar_url":"https://github.com/webistomin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vuejs-table-component\n\u003e Генерация таблицы из JSON с регистрацией и авторизацией через firebase\n\nhttps://vuejs-table-component.firebaseapp.com\n\n[![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] \n\nПриложение рендерит страницу регистрации, авторизации и таблицы с данными. Неавторизованный пользователь не имеет доступа к таблице и его редиректит на станицу входа. Данные формы валидируются через встроенные возможно vuetify. Регистрацию и авторизацию решил сделать через firebase, а не через local storage. Данные таблицы подтягиваются через axios. Если данных много, то отображается пагинация. Реализована сортировка таблицы по колонкам\n\n\u003cimg src='example.gif'\u003e\n\n## Установка\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eКоманда\u003c/th\u003e\n      \u003cth\u003eРезультат\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd width=\"30%\"\u003e\u003ccode\u003enpm install\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eУстановить зависимости\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003enpm run dev\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eЗапустить сборку, сервер и слежение за файлами\u003c/td\u003e\n    \u003c/tr\u003e\n     \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003enpm run build\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eСобрать проект для продакшена\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003enpm start ЗАДАЧА\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eЗапустить задачу с названием ЗАДАЧА (список задач в \u003ccode\u003epackage.json\u003c/code\u003e)\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\nПредполагается, что все команды вы выполняете в bash (для OSX и Linux это самый обычный встроенный терминал, для Windows это, к примеру, Git Bash). В Windows установку пакетов (npm i) нужно выполять в терминале, запущенном от имени администратора.\n\n## Техническое задание \n\u003ca href=\"https://github.com/vecherkin/frontend-test-tasks\" target=\"_blank\"\u003eОткрыть репозиторий\u003c/a\u003e\n\n## Используемые технологии\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eТехнология\u003c/th\u003e\n      \u003cth\u003eОписание\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://ru.vuejs.org/index.html\"\u003eVue.js\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003eОсновной фреймворк для разработки интерфейса приложения\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://vuex.vuejs.org/ru/\"\u003eVuex\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003eЦентральное хранилище данных для всех компонентов приложения\u003c/td\u003e\n    \u003c/tr\u003e\n     \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://router.vuejs.org/ru/\"\u003eVue Router\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003eБиблиотека для маршрутизации\u003c/td\u003e\n    \u003c/tr\u003e\n     \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://vuetifyjs.com/ru/\"\u003eVuetify\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003eФреймворк, предоставляющий набор компнентов UI в Material Design\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://ru.vuejs.org/v2/cookbook/using-axios-to-consume-apis.html\"\u003eaxios\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003eДоступ к API, основанный на промисах HTTP-клиента\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ca href=\"https://firebase.google.com/\"\u003eFirebase\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003eСервис, имитирующий работу серверной части. В проекте через него реализована регистрация и авторизация пользователей\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Поддержка браузерами\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eIE / Edge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eOpera | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/yandex/yandex_48x48.png\" alt=\"Yandex\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eYandex |\n| --------- | --------- | --------- | --------- |--------- | --------- |\n| IE11, Edge|Последние 2 версии|Последние 2 версии| 9+ |Последние 2 версии| Последние 2 версии |\n\n[travis-image]: https://travis-ci.org/webistomin/vuejs-table-component.svg?branch=master\n[travis-url]: https://travis-ci.org/webistomin/vuejs-table-component\n[dependency-image]: https://david-dm.org/webistomin/vuejs-table-component/dev-status.svg\n[dependency-url]: https://david-dm.org/webistomin/vuejs-table-component\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebistomin%2Fvuejs-table-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebistomin%2Fvuejs-table-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebistomin%2Fvuejs-table-component/lists"}