https://github.com/juliecherner/angular-ionic-firebase-weather

Angular Hybrid weather app
https://github.com/juliecherner/angular-ionic-firebase-weather

angular firebase ionic rxjs

Last synced: 5 days ago
JSON representation

Angular Hybrid weather app

• Host: GitHub
• URL: https://github.com/juliecherner/angular-ionic-firebase-weather
• Owner: juliecherner
• Created: 2023-09-03T08:16:20.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-10T03:07:33.000Z (over 1 year ago)
• Last Synced: 2024-11-13T17:51:42.814Z (2 months ago)
• Topics: angular, firebase, ionic, rxjs
• Language: TypeScript
• Homepage:
• Size: 1.05 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
App was created with [Ionic framework](https://ionicframework.com/) (Angular + Capacitor)

Used techonologies:

- Ionic 7 with Angular 16

- [@angular/fire](https://github.com/angular/angularfire)

- Capacitors plugins: Geolocation, Camera, Browser and [@ionic/storage-angular](https://github.com/ionic-team/ionic-storage)

- Firebase services: Authentication, Realtime Database, Firebase Storage (for images, CORS disabled)

Angular project includes:

- 5 pages (main, login, tabs, current weather and history page)

- 2 components (popup, loader)

- 1 guard (auth guard for all not login routes)

- 10 services (auth, geolocation, image-store, data-store, local-storage, camera, validation, popup, date, weather)

- Ionic UI Components and Icons

- RxJS

For CI were used: Husky, Eslint, Prettier

Project is optimized for Web

Run project

Install Ionic CLI

```

npm install -g @ionic/cli

```

Install dependencies

```

npm i

```

Build project, copy and update

```

ionic capacitor sync

```

Open in the browser

```

npm run start

```

Future steps: optimize for Android or iOS and then:

Build project for Android and iOS

```

ionic capacitor build android

ionic capacitor build ios

```

Open IDE for(for pre-installed IDE)

```

ionic capacitor open android

ionic capacitor open ios

```