{"id":26720873,"url":"https://github.com/oxcened/vue-chat-app","last_synced_at":"2025-04-14T05:51:49.427Z","repository":{"id":153951457,"uuid":"391708074","full_name":"oxcened/vue-chat-app","owner":"oxcened","description":"A simple chat app which illustrates all the fundamentals of Vue.js.","archived":false,"fork":false,"pushed_at":"2023-05-14T09:59:49.000Z","size":349,"stargazers_count":14,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-27T19:42:57.814Z","etag":null,"topics":["frontend","javascript","typescript","vue","vuejs","web"],"latest_commit_sha":null,"homepage":"https://medium.com/@alen.ajam1/building-a-simple-chat-app-with-vue-js-462c4a53c6ad","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oxcened.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2021-08-01T18:34:00.000Z","updated_at":"2024-12-09T08:09:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"f455f762-8d9d-404a-8c40-c0e3a4098079","html_url":"https://github.com/oxcened/vue-chat-app","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/oxcened%2Fvue-chat-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oxcened%2Fvue-chat-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oxcened%2Fvue-chat-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oxcened%2Fvue-chat-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oxcened","download_url":"https://codeload.github.com/oxcened/vue-chat-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248830388,"owners_count":21168272,"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":["frontend","javascript","typescript","vue","vuejs","web"],"created_at":"2025-03-27T19:34:43.645Z","updated_at":"2025-04-14T05:51:49.420Z","avatar_url":"https://github.com/oxcened.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue Chat App\n\n[![medium story](https://img.shields.io/badge/Medium-Story-%23000?logo=medium)](https://medium.com/@alen.ajam/building-a-simple-chat-app-with-vue-js-462c4a53c6ad)\n[![repository license](https://img.shields.io/github/license/oxcened/vue-chat-app)](https://github.com/oxcened/vue-chat-app/blob/master/LICENSE.md)\n\n\u003e **Warning**\n\u003e This project is outdated and uses Vue 2. You should use the [latest version](https://vuejs.org/) instead.\n\nA simple chat app which illustrates all the fundamentals of Vue.js.\n\nRead the companion story on [Medium](https://medium.com/@alen.ajam/building-a-simple-chat-app-with-vue-js-462c4a53c6ad).\n\n![screenshot 1](https://miro.medium.com/max/300/1*PFGjWwJdUVVpPjT43nwD_g.png)\n\n## Table of contents\n\n1. [Run on your machine](#run-on-your-machine)\n1. [Build for production](#build-for-production)\n1. [Maintainers](#maintainers)\n1. [License](#license)\n\n## Run on your machine\n\n1. Install dependencies\n\n    ```\n    yarn\n    ```\n\n1. Setup firebase\n    1. This app is meant to work on top of a [Firebase](https://firebase.google.com/) project, so you should create your\n       own.\n    1. Initialize [Firestore](https://firebase.google.com/docs/firestore/quickstart).\n    1. [Obtain the project config object](https://firebase.google.com/docs/web/learn-more#config-object).\n    1. Create an `.env` file in the root of the project. Learn more [here](https://cli.vuejs.org/guide/mode-and-env.html#environment-variables).\n    1. Place inside of it the config object like in `.env.example`.\n    1. Create a `.firebaserc` file in the root of the project like `.firebaserc.example`.\n\n1. Run the app\n    ```\n    yarn serve\n    ```\n\n## Build for production\n\n1. Setup environment\n\n   The same as the third step of [Run on your machine](#run-on-your-machine) applies. Learn\n   more [here](https://cli.vuejs.org/guide/mode-and-env.html#environment-variables).\n\n1. Build the app\n    ```\n    yarn build\n    ```\n    \n## Maintainers\n\n- [oxcened](https://github.com/oxcened)\n\n## License\n\nThis project is [MIT licensed](https://github.com/oxcened/vue-chat-app/blob/master/LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foxcened%2Fvue-chat-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foxcened%2Fvue-chat-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foxcened%2Fvue-chat-app/lists"}