A mobile app to teach new programmers the basics in a fun and rewarding way.
Currently a WIP. I hope to release this on the app store/play store at some point, but no garuntees.
- Offline caching
There is a web preview available. If youd like to run it nativley, see below.
To install the app on iOS, you have two options based on your hardware:
- Follow the instructions at https://sidestore.io/#get-started to install sidestore on your phone. You can use the discord link on the website for help if you need.
- Once you have verified sidestore is working (try refreshing sidestore from within itself), download the latest ipa to your iphone from the "Artifacts" section of the latest actions run
- Go to sidestore, and click the plus in the top left corner of my apps, then browse to where you downloaded the ipa and select it.
- If all goes well, open ProGrammar!
If you own a mac, you may find this option easier. It requires that you have installed and know how to use xcode.
- Clone this repository and cd into it.
git clone https://github.com/nab138/ProGrammar && cd Programmar - Install npm dependencies
npm install - Install the ionic cli
npm install -g @ionic/cli - Add ios support and build for ios
ionic capacitor add ios && ionic capacitor build ios - In the folder called ios, you will find an Xcode Project you can now open and install to your iPhone.
I will not leave instructions here for this because I do not own an android, but it is well documented online as this app uses the ionic capacitor build system. If you have an android and test this, please report any bugs (especially UI bugs)
If you want to make changes, you can use the ionic development server that automatically refreshes when you make a change.
Pre-requisites: Node.js and npm
- Clone this repository and cd into it.
git clone https://github.com/nab138/ProGrammar && cd ProGrammar(You can also use the download as zip or github desktop on windows) - Install npm dependencies
npm install - Install the ionic cli
npm install -g @ionic/cli - Launch the development server:
ionic serve - A browser window will be automatically opened showing the app. If you want to simulate a phone, open devtools (Ctrl+Shift+I) and select a device at the top of the screen.