This is the official Ionic demo app, showcasing a variety of Ionic Framework components and native features.
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.md before submitting an issue.
- Download the installer for Node.js 6 or greater.
- 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. ๐
Note: You may need to add โsudoโ in front of any global commands to install the utilities.
See CONTRIBUTING.md ๐๐
- Action Sheet - [ template | code ]
- Alert - [ code ]
- Cards - [ template ]
- Datetime - [ template ]
- Grid - [ template ]
- Inputs - [ template ]
- Items (Sliding) - [ template | code ]
- Menu - [ template | code ]
- Modal - [ template | code ]
- Searchbar - [ template | code ]
- Segment - [ template | code ]
- Slides - [ template |
- Sticky headers - [ template ]
- Tabs - [ template | code ]
- Toggle - [ template ] code ]
- Using Angular HTTP for JSON - [ code | usage ]
All app preview screenshots were taken by running ionic serve --lab
on a retina display.
-
To see more images of the app, check out the screenshots directory!
- PWA - Un-comment this, run
npm run ionic:build --prod
and then push thewww
folder to your favorite hosting service - Android - Run
ionic cordova run android --prod
- If you are deploying to Android 4.4 or below we recommend adding crosswalk:
cordova plugin add cordova-plugin-crosswalk-webview
- If you are deploying to Android 4.4 or below we recommend adding crosswalk:
- iOS - Run
ionic cordova run ios --prod
ionic-conference-app/
โ-- .github/ * GitHub files
โ โโโ CONTRIBUTING.md * Documentation on contributing to this repo
โ โโโ ISSUE_TEMPLATE.md * Template used to populate issues in this repo
|
|-- resources/
|
|-- src/
| |-- app/
| | โโโ app.component.ts
| | โโโ app.module.ts
| | โโโ app.template.html
| | โโโ main.ts
| |
| |-- assets/
| | โโโ data/
| | | โโโ data.json
| | |
| | โโโ fonts/
| | | โโโ ionicons.eot
| | | โโโ ionicons.svg
| | | โโโ ionicons.ttf
| | | โโโ ionicons.woff
| | | โโโ ionicons.woff2
| | |
| | โโโ img/
| |
| |-- pages/ * Contains all of our pages
โ โ โโโ about/ * About tab page
โ โ โ โโโ about.html * AboutPage template
โ โ โ โโโ about.ts * AboutPage code
โ โ โ โโโ about.scss * AboutPage stylesheet
โ โ โ
โ โ โโโ account/ * Account page
โ โ โ โโโ account.html * AccountPage template
โ โ โ โโโ account.ts * AccountPage code
โ โ โ โโโ account.scss * AccountPage stylesheet
โ โ โ
โ โ โโโ login/ * Login page
โ โ โ โโโ login.html * LoginPage template
โ โ โ โโโ login.ts * LoginPage code
โ โ โ โโโ login.scss * LoginPage stylesheet
โ โ โ
โ โ โโโ map/ * Map tab page
โ โ โ โโโ map.html * MapPage template
โ โ โ โโโ map.ts * MapPage code
โ โ โ โโโ map.scss * MapPage stylesheet
โ โ โ
โ โ โโโ schedule/ * Schedule tab page
โ โ โ โโโ schedule.html * SchedulePage template
โ โ โ โโโ schedule.ts * SchedulePage code
โ โ โ โโโ schedule.scss * SchedulePage stylesheet
โ โ โ
โ โ โโโ schedule-filter/ * Schedule Filter page
โ โ โ โโโ schedule-filter.html * ScheduleFilterPage template
โ โ โ โโโ schedule-filter.ts * ScheduleFilterPage code
โ โ โ โโโ schedule-filter.scss * ScheduleFilterPage stylesheet
โ โ โ
โ โ โโโ session-detail/ * Session Detail page
โ โ โ โโโ session-detail.html * SessionDetailPage template
โ โ โ โโโ session-detail.ts * SessionDetailPage code
โ โ โ
โ โ โโโ signup/ * Signup page
โ โ โ โโโ signup.html * SignupPage template
โ โ โ โโโ signup.ts * SignupPage code
โ โ โ
โ โ โโโ speaker-detail/ * Speaker Detail page
โ โ โ โโโ speaker-detail.html * SpeakerDetailPage template
โ โ โ โโโ speaker-detail.ts * SpeakerDetailPage code
โ โ โ โโโ speaker-detail.scss * SpeakerDetailPage stylesheet
โ โ โ
โ โ โโโ speaker-list/ * Speakers tab page
โ โ โ โโโ speaker-list.html * SpeakerListPage template
โ โ โ โโโ speaker-list.ts * SpeakerListPage code
โ โ โ โโโ speaker-list.scss * SpeakerListPage stylesheet
| | |
โ โ โโโ support/ * Support page
โ โ โ โโโ support.html * SupportPage template
โ โ โ โโโ support.ts * SupportPage code
โ โ โ โโโ support.scss * SupportPage stylesheet
โ โ โ
โ โ โโโ tabs/ * Tabs page
โ โ โ โโโ tabs.html * TabsPage template
โ โ โ โโโ tabs.ts * TabsPage code
โ โ โ
โ โ โโโ tutorial/ * Tutorial Intro page
โ โ โโโ tutorial.html * TutorialPage template
โ โ โโโ tutorial.ts * TutorialPage code
โ โ โโโ tutorial.scss * TutorialPage stylesheet
| |
โ โโโ providers/ * Contains all Injectables
โ โ โโโ conference-data.ts * ConferenceData code
โ โ โโโ user-data.ts * UserData code
โ โโโ theme/ * App theme files
| | โโโ variables.scss * App Shared Sass Variables
| |
| |-- index.html
|
|-- www/
| โโโ assets/
| | โโโ data/
| | | โโโ data.json
| | |
| | โโโ fonts/
| | | โโโ ionicons.eot
| | | โโโ ionicons.svg
| | | โโโ ionicons.ttf
| | | โโโ ionicons.woff
| | | โโโ ionicons.woff2
| | |
| | โโโ img/
| |
| โโโ build/
| โโโ index.html
|
โโโ .editorconfig * Defines coding styles between editors
โโโ .gitignore * Example git ignore file
โโโ LICENSE * Apache License
โโโ README.md * This file
โโโ config.xml * Cordova configuration file
โโโ ionic.config.json * Ionic configuration file
โโโ package.json * Defines our JavaScript dependencies
โโโ tsconfig.json * Defines the root files and the compiler options
โโโ tslint.json * Defines the rules for the TypeScript linter