{"id":19024911,"url":"https://github.com/sonujose/firebase-app","last_synced_at":"2026-04-11T11:34:00.642Z","repository":{"id":115803720,"uuid":"81200610","full_name":"sonujose/firebase-app","owner":"sonujose","description":"Web app using firebase and  angularjs, Integrated with firebase realtime database, hosted in firebase server, Used angularfire for integrating angular controller with firebase services.","archived":false,"fork":false,"pushed_at":"2017-02-14T12:57:17.000Z","size":86,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-21T19:12:50.921Z","etag":null,"topics":["angularfire","angularjs","firebase","firebase-database","firebase-hosting","webpack"],"latest_commit_sha":null,"homepage":"","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/sonujose.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":"2017-02-07T11:24:51.000Z","updated_at":"2018-12-22T10:34:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"b629287b-0a76-40e1-9cbd-35d36249dcf8","html_url":"https://github.com/sonujose/firebase-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sonujose/firebase-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Ffirebase-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Ffirebase-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Ffirebase-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Ffirebase-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sonujose","download_url":"https://codeload.github.com/sonujose/firebase-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonujose%2Ffirebase-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31679478,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T08:18:19.405Z","status":"ssl_error","status_checked_at":"2026-04-11T08:17:08.892Z","response_time":54,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["angularfire","angularjs","firebase","firebase-database","firebase-hosting","webpack"],"created_at":"2024-11-08T20:39:31.585Z","updated_at":"2026-04-11T11:34:00.625Z","avatar_url":"https://github.com/sonujose.png","language":"JavaScript","readme":"# Angular Firebase app\n\n[![Build Status](https://travis-ci.org/firebase/firebase-arduino.svg?branch=master)](https://github.com/sonujose/AngFire)\n[![Join the chat at https://gitter.im/googlesamples/firebase-arduino](https://badges.gitter.im/googlesamples/firebase-arduino.svg)](https://github.com/sonujose/AngFire)\n[![Documentation Status](https://readthedocs.org/projects/firebase-arduino/badge/?version=latest)](https://github.com/sonujose/AngFire)\n\n**(Firebase, Angularjs, Webpack, ES2015, Angularfire, Sass, Babel)**  \n\nIt is a full stack project for AngularJS web application which objects is:\n- Webpack build and bundle all the assests.\n- Provide easy to use extensibility with npm managers;\n- Deployed in firebase server\n- Supports ES2015 using Babel \n- Supports SASS for styling you application\n- Firebase Realtime database\n\n## Future Updates (Working on it)\n- Firebase Authentication\n- Database operations\n\n## Installation\n\n1) Create a new folder for your project, and clone this repo inside it\n```\ngit clone https://github.com/sonujose/Firebase-App.git\n```\n2) You need to have node and npm installed on your system, `npm version should be grater than 3.x` [2.x version may create issues in loading babel loader dependencies]\nTo update npm version run `npm install npm@latest -g`\n\n3) Install webpack if you don't have it already. Need webpack cli for running the application \n```\nnpm install --global webpack\n```\n4) Install all npm dependencies\n```\nnpm install\n```\n5) Getting ready with firebase\n\nInstall firebase on your machine.\nPlease follow firebase documentation for web: [https://firebase.google.com/docs/web/setup](https://firebase.google.com/docs/web/setup)\nCreate a project on firebase console. \nGo to public\\firebaseAuth.js , replace the content with your credentials\n\n6) Run the server [point to root directory]\n```\nfirebase serve\n```\n7) Run the application (Webpack --watch) [open another terminal , point to public folder] ] []\n```\nnpm start\n```\n8) Wait untill webpack bundles all your files and server, Browser will open `http://localhost:5000`\n\n9) Congratulations, you've just setup your Angular Node fullstack application!\n\n10) Deploy your site [point to root directory]\n```\nfirebase deploy\n```\n### Client folder structure\n\n```\napp/          // Angular app files\nbuild/        // concatenated assets generated by webpack\nstyles/       // Your general scss files which will includes in main entry for application scss\napp.js        // Main entry for angular app with router config\nvendor.js     // Main entry for vendor js .[currently not added , can be added if you need other modules, refer that in webpack vendor entry]\n```\n\n## Usage\n\n####1) Using webpack\nHere webpack is used for bundling the js files. `webpack.config.js` file bundles the entire js files into two modules app and vendor and are minified and used as reference in `index.html`.\nThe output of bundled files are in the `client/build` file. if you need to test webpack bundling just run command `webpack` \n\n####2) ES2015 is supported (can be upgraded to ECMA Script latest version) \nAll the js files inside app support es2015 , used babel loader as the transpiler for es2015. you can upgrade to latest ECMAScipt version in `package.json`, change the `presets` value of `babel` from`es2015` to `latest`\n\n####3) Analyze your webpack modules\n1) Run \n```\nwebpack --profile --json \u003e\u003e stats.json\n```\n2) open\n```\nhttp://webpack.github.io/analyse/#modules\n```\n3) upload stats.json file from your repository\n```\nNow you can analyse your app modules in webpack\n```\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonujose%2Ffirebase-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsonujose%2Ffirebase-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonujose%2Ffirebase-app/lists"}