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

The Ionic Conference Demo App - Now in React
https://github.com/ionic-team/ionic-react-conference-app

Last synced: 27 days ago
JSON representation

The Ionic Conference Demo App - Now in React

• Host: GitHub
• URL: https://github.com/ionic-team/ionic-react-conference-app
• Owner: ionic-team
• License: other
• Created: 2017-08-11T18:56:30.000Z (about 7 years ago)
• Default Branch: main
• Last Pushed: 2024-04-27T07:39:18.000Z (6 months ago)
• Last Synced: 2024-10-02T06:22:03.151Z (about 1 month ago)
• Language: TypeScript
• Homepage: https://ionic-react-conference-app.firebaseapp.com/
• Size: 13.6 MB
• Stars: 508
• Watchers: 28
• Forks: 215
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Ionic React Conference Application

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

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

## Angular and Vue versions

We've built versions of this Conference app in Angular and Vue for developers that would prefer to use one of those framework options:

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

https://github.com/ionic-team/ionic-vue-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-react-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-react-conference-app/blob/main/src/components/Menu.tsx)

| 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-react-conference-app/blob/main/src/pages/SchedulePage.tsx)

| 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-react-conference-app/blob/main/src/pages/SpeakerList.tsx)

| 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-react-conference-app/blob/main/src/pages/SpeakerDetail.tsx)

| 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-react-conference-app/blob/main/src/pages/About.tsx)

| Material Design  | iOS  |

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

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