kognise / repl.it-mobile

A mobile app for Repl.it

🚩 This project is archived! 🚩

After a long time of not updating this project I thought it ran on for too long, so I'll archived this repo and officially discontinued development. While I was entertaining the idea of continuing, I was too overwhelmed by a lot of other things and just didn't have the mental energy.

I recommend using Repl.it's PWA app instead, while it's admittedly a much worse experience it's better than nothing. Feel free to fork my code and do whatever you want with it! I would love to return to the project at some point but I don't know if that will ever happen.

Iwould like to thank everyone in the community who supported me while I was developing the app, as well as the wonderful people from Repl.it who listened to me and my ideas.

Repl.it Mobile

A mobile client for the online coding platform and community Repl.it. This is a work in progress, join the Discord server if you're interested!

If you want to try it out, I will sometimes be hosting a "tunnel." If you want to access this, download the Expo mobile app and open mobile.repl.co on your phone.

If you're on Android and want to test out a more stable build, you can download that here.

Motivation

Repl.it is amazing but the site isn't very mobile friendly. This app's development will enable programmers to edit code on the go, and empower students who only have access to tablets or phones to learn how to program.

Development

• Clone this repository or pull the latest changes
• Make sure to run yarn to install packages
• Install the Expo mobile app
• Run yarn dev to start a development server
• On your phone scan the QR code or enter in the address

Or, just click the button below! Warning: this might be a little buggy.

File Structure

Some files and directories are excluded due to boringness.

• assets/ - Static assets to be imported
  • fonts/ - Font files
  • images/ - Images
    • app/ - Icons and splash screens
    • logos/ - Other company logos
• components/ - React components
  • ui/ - Custom UI elements/components
  • dialogButtons/ - Self-contained buttons that trigger dialogs
    • fabs/ - FAB-style buttons
    • menuItems/ - Menu buttons
  • webViews/ - Components that are primarily WebViews
  • wrappers/ - Components meant to be used as wrappers
• lib/ - Library and utility functions
• html/ - Static HTML files for WebViews
• node_modules/ - The black hole that keeps everything running
• screens/ - App screens
  • app/ - Main app interface screens
  • auth/ - Auth and setup process screens
    • providers/ - Login screens for social auth providers
• App.js - The app entrypoint
• app.json - Expo and app-wide config file