Ionic Vue Conference Application with Cypress framework

This application is purely a kitchen-sink demo of the Ionic Framework and Vue with Cypress framework for End-to-End and Component testing.

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

From Ionic Team

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
• Build the mobile app
• App Preview

Getting Started

• Download the installer 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 npm run start in a terminal from the project root.
• Profit. 🎉

Build the mobile app

• You probably need to install CocoaPods
• Run ionic capacitor add ios or ionic capacitor add android in a terminal from the project root.
• Run Cocoapods and open the Podfilein the ios directory
• If Cocoapods < v 1.6 then comment the lineinstall! 'cocoapods', :disable_input_output_paths => true and click Install
• Run ionic capacitor open ios or ionic capacitor open android
• If you make changes, update the app: Run ionic capacitor copy ios or ionic capacitor open android

Errors

• Cycle in dependencies (XCode), run in terminal:

  cd Library/Developer/Xcode/
  rm -r DerivedData/

App Preview

Menu

Material Design	iOS

Schedule Page

Material Design	iOS

Speakers Page

Material Design	iOS

Speaker Detail Page

Material Design	iOS

About Page

Material Design	iOS