A mobile learning companion for the LoopTech coding education platform.
LoopTech Mobile is an Expo and React Native prototype that extends LoopTech, a gamified coding and digital literacy platform for young learners. It explores how LoopTech's learning experience can translate to phones and tablets through a focused, approachable mobile interface.
The project was created for the IBPAP 2025 “Can You HackIT?” Challenge, hosted at Cebu Institute of Technology – University (CIT-U), with HackIT Day on July 15 and Awarding Day on July 16.
Important
This repository is an early demonstration prototype. Authentication is simulated, course content is static, and the Compete, Collab, and Profile areas are placeholders. It is not production-ready.
- Branded welcome and sign-in screen
- Mobile course catalog with reusable course cards
- Learn, Compete, Collab, and Profile navigation
- Poppins typography and a shared React Native Paper theme
- Android, iOS, and web development targets through Expo
| Technology | Role |
|---|---|
| Expo | Development tooling and cross-platform runtime |
| React Native | Mobile user interface |
| React Navigation | Stack and bottom-tab navigation |
| React Native Paper | Material Design components and theming |
| Poppins | Application typography |
git clone https://github.com/nathanaellarida/looptech-mobile-app.git
cd looptech-mobile-app
npm install
npm startWhen Expo starts, scan the QR code with Expo Go or choose a platform from the terminal.
| Command | Description |
|---|---|
npm start |
Start the Expo development server |
npm run android |
Open the app on Android |
npm run ios |
Open the app on iOS (macOS required for the simulator) |
npm run web |
Run the browser build |
.
├── assets/ # Branding, course artwork, and platform icons
├── components/ # Reusable UI components
├── screens/ # Login and home experiences
├── App.js # Theme, fonts, and root navigation
├── app.json # Expo application configuration
└── index.js # Expo entry point
This repository is the mobile extension of the main LoopTech web platform. The original project contains the broader learning experience, including its React web client, FastAPI services, AI tutoring, emotion detection, and real-time collaborative coding. This mobile repository focuses on exploring a native learning interface and does not yet reproduce the full platform.
- Connect sign-in to a real authentication service
- Load courses and learner progress from an API
- Build the Compete, Collab, and Profile experiences
- Add automated tests and continuous integration
- Complete accessibility and device-size testing
Built for the IBPAP “Can You HackIT?” Challenge at CIT-U, with support from the IT & Business Process Association of the Philippines and the event's Cebu partners.