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:
louiscklaw
2025-06-13 12:11:47 +08:00
parent f23a6b7d9c
commit 346992d4ec
3102 changed files with 220182 additions and 2896 deletions

View File

@@ -1,71 +1,62 @@
# Ionic React Conference App
[![Built with Ionic](https://img.shields.io/badge/-Built%20with%20Ionic-3880FF?style=flat&logo=ionic&logoColor=white)](https://ionicframework.com)
[![React](https://img.shields.io/badge/-React-61DAFB?style=flat&logo=react&logoColor=black)](https://reactjs.org)
[![MIT License](https://img.shields.io/badge/License-MIT-blue.svg)](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 |
| -----------------| -----|
| ![Android Menu](/resources/screenshots/android-menu.png) | ![iOS Menu](/resources/screenshots/ios-menu.png) |
## 🤝 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 |
| -----------------| -----|
| ![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) |
## 📄 License
This project is licensed under the MIT [License](./LICENSE).