{"id":18850535,"url":"https://github.com/manthanank/fitness-tracker-angular-firebase-app","last_synced_at":"2026-05-08T06:33:11.890Z","repository":{"id":107827138,"uuid":"576239004","full_name":"manthanank/fitness-tracker-angular-firebase-app","owner":"manthanank","description":"Fitness Tracker App Angular","archived":false,"fork":false,"pushed_at":"2024-06-30T17:10:40.000Z","size":1360,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-17T03:33:48.884Z","etag":null,"topics":["angular","firebase"],"latest_commit_sha":null,"homepage":"https://fitness-tracker-app-angular.web.app","language":"TypeScript","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/manthanank.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},"funding":{"github":["manthanank"],"open_collective":"manthanank","buy_me_a_coffee":"manthanank","patreon":"manthanank"}},"created_at":"2022-12-09T10:43:27.000Z","updated_at":"2024-07-02T03:45:31.000Z","dependencies_parsed_at":"2024-04-21T11:41:30.348Z","dependency_job_id":"ec6e2f64-ff75-45d4-a78f-3e1f7628ad23","html_url":"https://github.com/manthanank/fitness-tracker-angular-firebase-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/manthanank%2Ffitness-tracker-angular-firebase-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Ffitness-tracker-angular-firebase-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Ffitness-tracker-angular-firebase-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Ffitness-tracker-angular-firebase-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/manthanank","download_url":"https://codeload.github.com/manthanank/fitness-tracker-angular-firebase-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239786315,"owners_count":19696788,"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":["angular","firebase"],"created_at":"2024-11-08T03:29:50.161Z","updated_at":"2026-02-03T09:30:18.595Z","avatar_url":"https://github.com/manthanank.png","language":"TypeScript","funding_links":["https://github.com/sponsors/manthanank","https://opencollective.com/manthanank","https://buymeacoffee.com/manthanank","https://patreon.com/manthanank"],"categories":[],"sub_categories":[],"readme":"# Fitness Tracker Angular Firebase App\n\nThis project, Fitness Tracker Angular Firebase App, is an Angular-based application designed to help users track their fitness routines and progress. It leverages Firebase for backend services, including authentication, database, and hosting. The application is built with Angular 18 and integrates various modern web technologies for a seamless user experience.\n\n## Features\n\n- **User Authentication**: Secure login and registration functionality using Firebase Authentication.\n- **Training Sessions**: Users can start new training sessions, view ongoing sessions, and browse their past training records.\n- **Real-time Database**: Utilizes Firebase Real-time Database to store and manage training data.\n- **Responsive Design**: Crafted with mobile-first approach ensuring a great experience across devices.\n- **Material Design**: Utilizes Angular Material for a sleek and modern UI.\n- **Tailwind CSS**: Integrates Tailwind CSS for rapid styling and customization.\n- **State Management**: Employs NgRx for state management, ensuring a scalable and maintainable codebase.\n- **Deployment**: Hosted on Firebase Hosting for easy access and scalability.\n\n## Getting Started\n\nTo get a local copy up and running follow these simple steps.\n\n### Prerequisites\n\n- Node.js\n- Angular CLI (v18.0.2)\n- Firebase account\n\n### Installation\n\n1. Clone the repo\n\n    ```sh\n    git clone https://github.com/manthanank/fitness-tracker-angular-firebase-app.git\n    ```\n\n2. Install NPM packages\n\n    ```sh\n    npm install\n    ```\n\n3. Set up Firebase project\n\n    - Create a new Firebase project\n    - Enable Firebase Authentication and Real-time Database\n    - Add Firebase configuration to `src/environments/environment.ts` and `src/environments/environment.prod.ts`\n\n4. Run the application\n\n    ```sh\n    ng serve\n    ```\n\n## Usage\n\n- Register a new account or login with an existing one.\n- Start a new training session by selecting an exercise and entering the duration.\n- View ongoing sessions and past training records.\n- Log out to securely end the session.\n\n## Contributing\n\nContributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n## License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n## Preview\n\nThe application is deployed on Firebase Hosting. You can access it [here](https://fitness-tracker-app-angular.web.app/).\n\n## Acknowledgements\n\n- [Angular](https://angular.io/)\n- [Firebase](https://firebase.google.com/)\n- [Angular Material](https://material.angular.io/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [NgRx](https://ngrx.io/)\n- [RxJS](https://rxjs.dev/)\n\n## Screenshots\n\nHere are some screenshots of the application:\n\nHome Page Before Login\n\n![Home Page Before Login](/public/assets/images/home-page-before-login.png)\n\nLogin Page\n\n![Login Page](/public/assets/images/login-page.png)\n\nHome Page After Login\n\n![Home Page After Login](/public/assets/images/home-page-after-login.png)\n\nSignup Page\n\n![Signup Page](/public/assets/images/login-page.png)\n\nTraining Page After Login\n\n![Training Page After Login](/public/assets/images/training-page-after-login.png)\n\nPast Exercises\n\n![Past Exercises](/public/assets/images/past-exercises.png)\n\n## Appendix\n\nThis project was created as part of the Angular (Full App) with Angular Material, Angularfire \u0026 NgRx course by Maximilian Schwarzmüller on Udemy. The course covers a wide range of topics including Angular fundamentals, components, services, routing, forms, HTTP, and more. It also includes a section on Firebase integration and deployment.\n\nI have updated the project to Angular 18 and made some modifications to the original code.\n\nFor more information, visit the course page: [Angular (Full App) with Angular Material, Angularfire \u0026 NgRx](https://www.udemy.com/course/angular-full-app-with-angular-material-angularfire-ngrx)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanthanank%2Ffitness-tracker-angular-firebase-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanthanank%2Ffitness-tracker-angular-firebase-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanthanank%2Ffitness-tracker-angular-firebase-app/lists"}