A mobile application for viewing up-to-date schedules and stop information for the New York University shuttle service. Built with React and packaged for Android using Capacitor.
The UI/UX was based on the University Shuttle App Design file available on the Figma community.
- Nearby Stops: Find the closest shuttle stops to your current location using your device's GPS.
- Up-to-Date Schedules: Access the latest official timetables for every stop on every route.
- Route Information: Browse detailed stop lists for all shuttle lines.
- Modern UI: Clean and intuitive interface for quick access to shuttle information.
- UI/UX Design: Figma
- Frontend Framework: React
- Mobile Runtime: Capacitor
- Platform: Android
There are two main ways to run this project: on a local development server or as a compiled Android application.
This method is best for quick testing and development in your web browser.
- Clone the repository:
git clone [https://github.com/moogchi/NYU_Shuttle_App.git](https://github.com/moogchi/NYU_Shuttle_App.git)
- Navigate to the project folder:
cd NYU_Shuttle_App - Install dependencies:
npm i
- Start the development server:
npm run dev
This method compiles the application into a native Android package that can be run on an emulator or a physical device.
-
Prerequisites: Ensure you have Node.js,
npm, and Android Studio installed. -
Clone the repository and install dependencies by following steps 1-3 from the section above.
-
Build the React app:
npm run build
-
Sync the web build with the native Android project:
npx cap sync android
-
Open the project in Android Studio:
npx cap open android
-
Run the App: Inside Android Studio, wait for Gradle to sync, then run the app on your selected emulator or device.
Contributions are welcome! Please fork the repository and open a pull request with your changes.
This project is licensed under the MIT License. See the LICENSE file for more details.
Built with ❤️ using React & Capacitor.