Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ionic-team/ionic-conference-app

A conference app built with Ionic to demonstrate Ionic
https://github.com/ionic-team/ionic-conference-app

Last synced: about 1 month ago
JSON representation

A conference app built with Ionic to demonstrate Ionic

Host: GitHub
URL: https://github.com/ionic-team/ionic-conference-app
Owner: ionic-team
License: apache-2.0
Created: 2015-09-29T18:13:45.000Z (about 9 years ago)
Default Branch: main
Last Pushed: 2024-06-03T21:11:36.000Z (5 months ago)
Last Synced: 2024-08-04T03:02:06.288Z (3 months ago)
Language: TypeScript
Homepage:
Size: 62.5 MB
Stars: 3,579
Watchers: 216
Forks: 1,810
Open Issues: 43
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE

Awesome Lists containing this project

awesome - ionic-conference-app - A conference app built with Ionic to demonstrate Ionic (TypeScript)

README

        # Ionic Angular Conference Application

This application is purely a kitchen-sink demo of the Ionic Framework and Angular.

**There is not an actual Ionic Conference at this time.** This project is just to show off Ionic components in a real-world application. Please go through the steps in [CONTRIBUTING](https://github.com/ionic-team/ionic-conference-app/blob/main/.github/CONTRIBUTING.md) before submitting an issue.

## React and Vue Versions

We've built versions of this Conference app in React and Vue for developers that would prefer to use one of those framework options:

[https://github.com/ionic-team/ionic-react-conference-app](https://github.com/ionic-team/ionic-react-conference-app)

[https://github.com/ionic-team/ionic-vue-conference-app](https://github.com/ionic-team/ionic-vue-conference-app)

## Table of Contents

- [Getting Started](#getting-started)

- [Contributing](#contributing)

- [App Preview](#app-preview)

- [Deploying](#deploying)

  - [Progressive Web App](#progressive-web-app)

  - [Android](#android)

  - [iOS](#ios)

## Getting Started

* [Download the installer](https://nodejs.org/) for Node LTS.

* Install the ionic CLI globally: `npm install -g ionic`

* Clone this repository: `git clone https://github.com/ionic-team/ionic-conference-app.git`.

* Run `npm install` from the project root.

* Run `ionic serve` in a terminal from the project root.

* Profit. :tada:

_Note: See [How to Prevent Permissions Errors](https://docs.npmjs.com/getting-started/fixing-npm-permissions) if you are running into issues when trying to install packages globally._

## Contributing

See [CONTRIBUTING.md](https://github.com/ionic-team/ionic-conference-app/blob/main/.github/CONTRIBUTING.md) :tada::+1:

## App Preview

### [Menu](https://github.com/ionic-team/ionic-conference-app/blob/main/src/app/app.component.html)

| Material Design  | iOS  |

| -----------------| -----|

| ![Android Menu](/resources/screenshots/android-menu.png) | ![iOS Menu](/resources/screenshots/ios-menu.png) |

### [Schedule Page](https://github.com/ionic-team/ionic-conference-app/blob/main/src/app/pages/schedule/schedule.html)

| Material Design  | iOS  |

| -----------------| -----|

| ![Android Schedule](/resources/screenshots/android-schedule.png) | ![iOS Schedule](/resources/screenshots/ios-schedule.png) |

### [Speakers Page](https://github.com/ionic-team/ionic-conference-app/blob/main/src/app/pages/speaker-list/speaker-list.html)

| Material Design  | iOS  |

| -----------------| -----|

| ![Android Speakers](/resources/screenshots/android-speakers.png) | ![iOS Speakers](/resources/screenshots/ios-speakers.png) |

### [Speaker Detail Page](https://github.com/ionic-team/ionic-conference-app/blob/main/src/app/pages/speaker-detail/speaker-detail.html)

| Material Design  | iOS  |

| -----------------| -----|

| ![Android Speaker Detail](/resources/screenshots/android-speaker-detail.png) | ![iOS Speaker Detail](/resources/screenshots/ios-speaker-detail.png) |

### [About Page](https://github.com/ionic-team/ionic-conference-app/blob/main/src/app/pages/about/about.html)

| Material Design  | iOS  |

| -----------------| -----|

| ![Android About](/resources/screenshots/android-about.png) | ![iOS About](/resources/screenshots/ios-about.png) |

## Deploying

### Progressive Web App

1. Run `ionic build --prod`

2. Push the `www` folder to your hosting service

### Android

1. Run `ionic cordova run android --prod`

### iOS

1. Run `ionic cordova run ios --prod`