Conversation
Standalone Vite app at web/ionic-poc that restyles representative GlideComp surfaces (comps, hub, task, scores, report card, waypoints, submit, flights, settings) on Ionic 9 with mocked Corryong data, so we can feel the kit before deciding on a wholesale switch. Co-authored-by: Tushar Pokle <tushar.pokle@gmail.com>
IonNote in the end slot squeezed labels to one character wide, so names stacked vertically. Dates now sit in the row body. Nested tab routes made IonBackButton a no-op; pages now use an explicit BackLink. Co-authored-by: Tushar Pokle <tushar.pokle@gmail.com>
|
Preview Deployment |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
A throwaway Ionic 9 + React app that restyles a representative slice of GlideComp as a phone-first product. No APIs; Corryong-shaped mock data. The point is to feel the kit (tabs, sheets, swipe, action sheets, iOS vs Material) before deciding whether a wholesale switch is worth it.
How to run
Open http://localhost:3100. On a laptop the app sits in a phone frame; on a phone it goes full-bleed. Port 3100 so it does not fight the main Vite server on 3000.
The bar above the phone toggles iOS / Material, Light / Dark, and Pilot / Organiser.
Walkthrough and what to tap:
web/ionic-poc/README.md.What is in it
Comps list, comp hub, task briefing, scores (list, not a grid), report card with GAP arithmetic, waypoints list + sheet + altitude review, submit track, my flights (swipe to delete), settings, sign-in OTP, task analysis boxes, pilots roster, route reorder, weather, and a component gallery.
Competitions list
Competition hub
Task briefing
Scores as a list
ionic_poc_mobile_walkthrough.mp4
What this is not
Not a replacement for the RAC SPA. Not wired into the Pages build, so the branch preview is still the current app (useful as the control):
https://cursor-ionic-ui-poc-6e13.glidecomp.pages.dev
Ionic 9 still wants React Router v6; we are on v7. SSR of the eight public comp pages, Mapbox, Tabulator, and the RAC accessibility bar would all still need a plan. The README lists the costs of a wholesale switch.
Australian English
UI copy and the README use Australian spelling. Identifiers are unchanged.
To show artifacts inline, enable in settings.