Update requirement files with new feature templates and fix backend API error message, along with mobile project config updates and documentation improvements
This commit is contained in:
@@ -1,71 +1,62 @@
|
||||
# Ionic React Conference App
|
||||
|
||||
[](https://ionicframework.com)
|
||||
[](https://reactjs.org)
|
||||
[](LICENSE)
|
||||
# Ionic React Conference Application
|
||||
|
||||
|
||||
This is a **kitchen-sink demo application** built with **Ionic Framework** and **React**. It showcases a wide range of Ionic components and features in the context of a fictional tech conference app.
|
||||
This application is purely a kitchen-sink demo of the Ionic Framework and React.
|
||||
|
||||
**Note**: There is no actual Ionic Conference. This project is purely for demonstration purposes.
|
||||
**There is not an actual Ionic Conference at this time.** This project is just to show off Ionic components in a real-world application.
|
||||
|
||||
👉 [Try the Live Demo](https://ionic-react-conference-app-git-main-ionic1.vercel.app/tutorial)
|
||||
## Angular and Vue versions
|
||||
|
||||
## 🧱 Framework Variants
|
||||
We've built versions of this Conference app in Angular and Vue for developers that would prefer to use one of those framework options:
|
||||
|
||||
This app is also available in other frameworks:
|
||||
https://github.com/ionic-team/ionic-conference-app
|
||||
|
||||
- 🔗 [Ionic Angular Conference App](https://github.com/ionic-team/ionic-conference-app)
|
||||
- 🔗 [Ionic Vue Conference App](https://github.com/ionic-team/ionic-vue-conference-app)
|
||||
- ✅ **You're viewing the React version**
|
||||
https://github.com/ionic-team/ionic-vue-conference-app
|
||||
|
||||
## ✨ Features
|
||||
## Table of Contents
|
||||
- [Getting Started](#getting-started)
|
||||
- [App Preview](#app-preview)
|
||||
|
||||
- Browse conference schedule with filtering
|
||||
- View speaker bios and session details
|
||||
- User authentication and profile management
|
||||
- Interactive maps for venue navigation
|
||||
- Push notifications support
|
||||
- Dark/Light mode toggling
|
||||
- Cross-platform support: iOS, Android, and Web
|
||||
## Getting Started
|
||||
|
||||
## ⚙️ 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:
|
||||
|
||||
### Prerequisites
|
||||
## App Preview
|
||||
|
||||
- Node.js (LTS version recommended) → [Download](https://nodejs.org/)
|
||||
- npm (included with Node.js)
|
||||
- Ionic CLI → Install globally:
|
||||
```bash
|
||||
npm install -g ionic
|
||||
```
|
||||
### [Menu](https://github.com/ionic-team/ionic-react-conference-app/blob/main/src/components/Menu.tsx)
|
||||
|
||||
### Installation
|
||||
1. Clone the repository:
|
||||
```bash
|
||||
git clone https://github.com/ionic-team/ionic-react-conference-app.git
|
||||
```
|
||||
2. Navigate into the project:
|
||||
```bash
|
||||
cd ionic-react-conference-app
|
||||
```
|
||||
3. Install dependencies:
|
||||
```bash
|
||||
npm install
|
||||
```
|
||||
4. Start the dev server:
|
||||
```bash
|
||||
ionic serve
|
||||
```
|
||||
5. Open your browser to:
|
||||
```
|
||||
http://localhost:3000
|
||||
```
|
||||
| Material Design | iOS |
|
||||
| -----------------| -----|
|
||||
|  |  |
|
||||
|
||||
## 🤝 Contributing
|
||||
|
||||
We welcome contributions! Please see our [Contributing Guide](.github/CONTRIBUTING.md) for details on how to submit pull requests, report issues, and contribute to the project.
|
||||
### [Schedule Page](https://github.com/ionic-team/ionic-react-conference-app/blob/main/src/pages/SchedulePage.tsx)
|
||||
|
||||
| Material Design | iOS |
|
||||
| -----------------| -----|
|
||||
|  |  |
|
||||
|
||||
### [Speakers Page](https://github.com/ionic-team/ionic-react-conference-app/blob/main/src/pages/SpeakerList.tsx)
|
||||
|
||||
| Material Design | iOS |
|
||||
| -----------------| -----|
|
||||
|  |  |
|
||||
|
||||
### [Speaker Detail Page](https://github.com/ionic-team/ionic-react-conference-app/blob/main/src/pages/SpeakerDetail.tsx)
|
||||
|
||||
| Material Design | iOS |
|
||||
| -----------------| -----|
|
||||
|  |  |
|
||||
|
||||
### [About Page](https://github.com/ionic-team/ionic-react-conference-app/blob/main/src/pages/About.tsx)
|
||||
|
||||
| Material Design | iOS |
|
||||
| -----------------| -----|
|
||||
|  |  |
|
||||
|
||||
## 📄 License
|
||||
|
||||
This project is licensed under the MIT [License](./LICENSE).
|
||||
|
Reference in New Issue
Block a user