Ionic 2 Conference Application
This is purely a demo of Ionic v2.0 and is still in development.
Important!
There is not an actual Ionic Conference at this time. This project is just to show off Ionic v2.0 components in a real-world application. Please go through the steps in CONTRIBUTING.md before submitting an issue.
Table of Contents
Getting Started
- Clone this repository.
- Want to use TypeScript? Check out the
typescript
branch:git checkout 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: Build slow? Update to npm3
: npm install -g npm
.
Contributing
See CONTRIBUTING.md ππ
Use Cases
- Menu - [ template | code ]
- Tabs - [ template | code ]
- Segments - [ template | code ]
- Search bar - [ template | code ]
- Sliding items with buttons - [ template | code ]
- Modals - [ template | code ]
- Action Sheet - [ template | code ]
- Toggle / switches - [ template ]
- Slides - [ template | code ]
- Cards - [ template ]
- Sticky headers - [ template ]
- Grid - [ template ]
- Using Angular HTTP for JSON - [ code | usage ]
App Preview
iPhone 6
Nexus 5
File Structure of App
ionic-conference-app/
βββ app/ * Working directory
β βββ pages/ * Contains all of our pages
β β βββ about/ * About tab page
β β β βββ about.html * AboutPage template
β β β βββ about.js * AboutPage code
β β β βββ about.scss * AboutPage stylesheet
β β β
β β βββ login/ * Login page
β β β βββ login.html * LoginPage template
β β β βββ login.js * LoginPage code
β β β βββ login.scss * LoginPage stylesheet
β β β
β β βββ map/ * Map tab page
β β β βββ map.html * MapPage template
β β β βββ map.js * MapPage code
β β β βββ map.scss * MapPage stylesheet
β β β
β β βββ schedule/ * Schedule tab page
β β β βββ schedule.html * SchedulePage template
β β β βββ schedule.js * SchedulePage code
β β β βββ schedule.scss * SchedulePage stylesheet
β β β
β β βββ schedule-filter/ * Schedule Filter page
β β β βββ schedule-filter.html * ScheduleFilterPage template
β β β βββ schedule-filter.js * ScheduleFilterPage code
β β β βββ schedule-filter.scss * ScheduleFilterPage stylesheet
β β β
β β βββ session-detail/ * Session Detail page
β β β βββ session-detail.html * SessionDetailPage template
β β β βββ session-detail.js * SessionDetailPage code
β β β
β β βββ signup/ * Signup page
β β β βββ signup.html * SignupPage template
β β β βββ signup.js * SignupPage code
β β β
β β βββ speaker-detail/ * Speaker Detail page
β β β βββ speaker-detail.html * SpeakerDetailPage template
β β β βββ speaker-detail.js * SpeakerDetailPage code
β β β βββ speaker-detail.scss * SpeakerDetailPage stylesheet
β β β
β β βββ speaker-list/ * Speakers tab page
β β β βββ speaker-list.html * SpeakerListPage template
β β β βββ speaker-list.js * SpeakerListPage code
β β β βββ speaker-list.scss * SpeakerListPage stylesheet
β β β
β β βββ tabs/ * Tabs page
β β β βββ tabs.html * TabsPage template
β β β βββ tabs.js * TabsPage code
β β β
β β βββ tutorial/ * Tutorial Intro page
β β βββ tutorial.html * TutorialPage template
β β βββ tutorial.js * TutorialPage code
β β βββ tutorial.scss * TutorialPage stylesheet
β β
β βββ providers/ * Contains all Injectables
β β βββ conference-data.js * ConferenceData code
β β βββ user-data.js * UserData code
β β
β βββ theme/ * App theme files
β β βββ app.core.scss * App Shared Sass Imports
β β βββ app.ios.scss * iOS Sass Imports & iOS Variables
β β βββ app.md.scss * MD Sass Imports & MD Variables
β β βββ app.variables.scss * App Shared Sass Variables
β β
β βββ app.html * Application template
β βββ app.js * Main Application configuration
β
|
βββ node_modules/ * Node dependencies
|
βββ platforms/ * Cordova generated native platform code
|
βββ plugins/ * Cordova native plugins go
|
βββ resources/ * Images for splash screens and icons
|
βββ www/ * Folder that is copied over to platforms 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
βββ config.xml * Cordova configuration file
βββ CONTRIBUTING.md * Information about contributing to this project
βββ ionic.config.js * Ionic configuration file
βββ LICENSE * Apache License
βββ package.json * Our javascript dependencies
βββ README.md * This file
βββ webpack.config.js * Webpack configuration file