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

Ionic Conference app ported to Vue
https://github.com/ionic-team/ionic-vue-conference-app

Last synced: about 1 month ago
JSON representation

Ionic Conference app ported to Vue

• Host: GitHub
• URL: https://github.com/ionic-team/ionic-vue-conference-app
• Owner: ionic-team
• License: other
• Created: 2018-10-18T20:34:01.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2024-04-17T15:27:27.000Z (5 months ago)
• Last Synced: 2024-07-05T17:47:07.308Z (2 months ago)
• Language: Vue
• Homepage:
• Size: 9.05 MB
• Stars: 147
• Watchers: 22
• Forks: 43
• Open Issues: 36
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Ionic Vue Conference Application

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

**There is not an actual Ionic Conference at this time.** This project is just to show off Ionic components in a real-world application.

## React and Angular versions

We've built versions of this Conference app in React and Angular 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-conference-app

## Table of Contents

- [Getting Started](#getting-started)

- [App Preview](#app-preview)

## 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-vue-conference-app.git`.

* Run `npm install` from the project root.

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

* Profit. :tada:

## App Preview

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

| 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-vue-conference-app/blob/main/src/views/SessionList.vue)

| 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-vue-conference-app/blob/main/src/views/SpeakerList.vue)

| 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-vue-conference-app/blob/main/src/views/SpeakerDetail.vue)

| 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-vue-conference-app/blob/main/src/views/About.vue)

| Material Design  | iOS  |

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

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