Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aggarwalankush/ionic-mosum
Download Latest Ionic v3 Weather App ->
https://github.com/aggarwalankush/ionic-mosum
android angular ionic ios tutorial
Last synced: 28 days ago
JSON representation
Download Latest Ionic v3 Weather App ->
- Host: GitHub
- URL: https://github.com/aggarwalankush/ionic-mosum
- Owner: aggarwalankush
- License: mit
- Created: 2016-11-12T09:09:13.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2021-07-09T21:06:14.000Z (over 3 years ago)
- Last Synced: 2024-05-23T00:13:44.818Z (7 months ago)
- Topics: android, angular, ionic, ios, tutorial
- Language: TypeScript
- Homepage: https://aggarwalankush.github.io/ionic-mosum/
- Size: 5.13 MB
- Stars: 248
- Watchers: 18
- Forks: 102
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- Awesome - Weather app
README
# ionic-mosum
Ionic Weather App - The goal of this weather app is to demo different ionic component in a nice working app. Contributions are welcome for any good feature.
- Website - https://aggarwalankush.github.io/ionic-mosum
- iOS - https://itunes.apple.com/us/app/mosum/id1244641359?ls=1&mt=8
- Android - https://play.google.com/store/apps/details?id=com.aggarwalankush.mosum
## Prerequisites
- Download nodejs from https://nodejs.org/en/download/current/ and it will install `node` and `npm`
```bash
node -v
- should be >= 6.0.0
npm -v
- should be >= 3.0.0
```
- For iOS, update XCode version to 8.0 or higher
## Getting Started
* Clone this repository
* Install Ionic, cordova and node_modules
```bash
$ npm uninstall -g ionic cordova
$ npm install -g ionic cordova
$ npm install
$ npm install --only=dev
```
* Get weather API key from [DarkSky](https://darksky.net)
* Replace API_KEY in `src/providers/constants.ts`
```js
export const FORECAST_CONFIG = {
API_ENDPOINT: 'https://api.darksky.net/forecast/',
API_KEY: '9bb59ff3063ac4930fc96890570b0c6f'
};
```
* Get google API key from [Google Developers Console](https://console.developers.google.com/apis/credentials)
* Replace key in `src/index.html`
```html
```
## Run
#### Browser
```bash
# iOS
ionic serve --platform ios
# Android
ionic serve --platform android
# All Platforms(iOS, Android and Windows)
ionic serve --lab
```
### Android
```bash
$ ionic cordova platform add android
$ ionic cordova build android --prod
$ ionic cordova run android --prod
```
### iOS
```bash
$ ionic cordova platform add ios
$ ionic cordova build ios --prod
```
Run using XCode
### icon resources
Run post_install script
```bash
$ ./post_install.sh
```
### Screenshots
* Phone
* Tablet
## Existing Features
* Tabs, Side Menu with image
* Various Animations
* Infinite scroll
* Google Maps API
* SQL Database and WebSQL in browser
* Weather caching to avoid redundant http requests
* 3rd party libraries - lodash, moment, moment-timezone
* Works in all timezones
## Contribution
Contributions are welcome!
See [features planned for future](https://github.com/aggarwalankush/ionic-mosum/issues/2) to get contributing ideas.
* Report issues
* Open pull request with improvements
* Spread the word
## License
ionic-mosum is available under the MIT license. See the LICENSE file for more info.