This is purely a demo of Ionic with TypeScript. It is still in development.
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.
- Clone this repository:
git clone https://github.com/ionic-team/ionic-conference-app.git. - Want to use TypeScript? Both the
masterbranch and thetypescriptbranch now use TypeScript.
If you are not using Visual Studio Tools for Apache Cordova (TACO)
- Run
npm installfrom the project root - Install the ionic CLI (
npm install -g ionic) - Run
ionic servein a terminal from the project root. - Profit
If you are using Visual Studio Tools for Apache Cordova (TACO)
- Open the ionic-conference-app.sln
- Upon loading into Visual Studio, the npm dependencies will be installed
- Select one of the "Simulate in Browser.." options
- Click on the "Simulate in Browser.." option or Press F5 to debug
Note: You do not need to manually install Node, NPM, Java, Android SDK, Ionic or Cordova on your machine for TACO to work. TACO will install all of the dependencies for you.
Note: Is your build slow? Update npm to 3.x: npm install -g npm.
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!
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