This is purely a demo of Ionic 2 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 2 components in a real-world application. Please go through the steps in CONTRIBUTING.md before submitting an issue.
- Clone this repository.
- Want to use TypeScript? Both the
master
branch and thetypescript
branch now use TypeScript. - Run
npm install
from the project root. - Install the ionic CLI (
npm install -g ionic@beta
) - Run
ionic serve
in a terminal from the project root. - Profit
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
|
βββ app/ * Working directory
β βββ 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
β β β
β β βββ 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
β β βββ app.core.scss * App Shared Sass Imports
β β βββ app.ios.scss * iOS Sass Imports & Variables
β β βββ app.md.scss * Material Design Sass Imports & Variables
β β βββ app.variables.scss * App Shared Sass Variables
β β βββ app.wp.scss * Windows Sass Imports & Variables
β β
β βββ app.html * Application template
β βββ app.ts * Main Application configuration
β
βββ node_modules/ * Node dependencies
|
βββ platforms/ * Cordova generated native platform code
|
βββ plugins/ * Cordova native plugins
|
βββ resources/ * Images for splash screens and icons and screenshots of this app
|
βββ typings/ * Contains type definitions
|
βββ www/ * Folder that is copied over to the platform's www directory
β β
β βββ build/ * Contains auto-generated compiled content
β β βββ css/ * Compiled CSS
β β βββ fonts/ * Copied Fonts
β β βββ js/ * ES5 compiled JavaScript
β β βββ pages/ * Copied html pages
β β βββ app.html * Copied app entry point
β β
β βββ data/ * Contains data used for the app
β β βββ data.json * App data
β β
β βββ img/ * App images
β β
β βββ index.html * Main entry point
|
βββ .editorconfig * Defines coding styles between editors
βββ .gitignore * Example git ignore file
βββ LICENSE * Apache License
βββ README.md * This file
βββ config.xml * Cordova configuration file
βββ gulpfile.js * Contains the build tasks for our app
βββ 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
βββ typings.json * Defines the external type definitions