Skip to main content

Coding with Stackblitz on my Android mobile device

Image
By
In the past I would have blogged about my experience coding on my mobile with tech like Termux, NodeJS, MariaDB, Hugo, and Firebase. I am always looking for ways to code on my android mobile. This time I am experimenting with Stackblitz. Stackblitz is an online code editor for web apps and powered by Visual Studio Code. Below has been my experience getting started.

I chose the free tier and signed in to stackblitz.com using my GitHub account. I created a typescript project. Stackblitz website is very user friendly. Next I looked for a good tutorial on youtube.

You can debug using chrome dev tools but looks like this is not available on chrome mobile.

I have seen stackblitz being compared to glitch.com and codesandbox.io and I am guessing that there are others out there.

There is an option to deploy to Firebase from within stackblitz but I don't want to trust stackblitz with my firebase just yet.

I downloaded my typescript project and headed over to termux. I then had the following question.


If I view source the stackblitz preview there is no html in the body tag but some script tags to load javascript files. Which leads me to say that stackblitz has their specific build and serve process and chances are you will have to modify your projects to build locally which could bring problems.

Next, I needed to figure out how to select over multiple lines. This would have been a deal breaker. I do have a wireless keyboard but then I would need a USB adapter for the dongle. But I prefer to not have to use a keyboard. I asked the question on stack overflow but I figured it out myself before someone could answer.


The other thing I need to figure out is how to uplaod project files. I can connect my github but I prefer not do that as yet. On your desktop you can drag and drop files but on android that is not an option.

I would love to see online developer environments like this progress. Maybe all you have is a tablet or chromebook or mobile. I can see me using this to test and demo code but I would need to learn more to decide on using for production web app. I would have to plan and test my deployment process first. Then consider support for unit testing. Let's say I wanted to develop a CRUD web app using Stackblitz, React, Express, Heroku and PostgreSQL. How would that work?

I read that Stackblitz now supports SQLite3. That would be one way to create a quick CRUD demo.
Labels:

Comments

Post a Comment

Popular posts from this blog

Hobby project - Store and view exchange rates

By
The next step in my project was to test out being able store and display the rates in a database. I decided to use nodejs and supabase for this. Everything worked beautifully. Only hickup was the following error due to my package.json not being correct. SyntaxError: Cannot use import statement outside a module Added this to package.json   "type": "module" This works beautifully. Right now I am just testing fragments of what could be part of a bigger system to see what is possible and what works and how easy to code on a mobile. There is no fully functioning integrated end to end system just yet. This is also what I tested. A serverless append-only database using GitHub + Actions + Pages. That’s basically a lightweight backend system. This was the ChatGPT prompt I used. Guide me through each step. This is what I want. A manually run github actions that adds to docs/data.json with the current date and time. docs/index.html displays all the entries in data.json. Make s...
Post a Comment
Read more

What is important

By
Every now and again, I get reminded of the why. Why I have handed my life over to God. It is 3:08 p.m. and I have decided to write. Honestly, I feel like I could end this blog post right here. What more is there to say? God above all else. God is our compass on this journey called life. Everything else can become a distraction. Maybe not everything, but certainly many things. You get the point. What is important? What do we prioritise? What do we make time for? The answers look different for everyone. Our lives are different. We are tested differently. We are all products of our circumstances, and those circumstances vary from person to person. Yet God is the common thread across humanity and throughout time. God always was and always will be. One day, we will answer to God. We will give account to God. We cannot live without food, water, and oxygen, but all of those things come from God. So how can we live without God? How timely. I just received a notification from the Quranly app: S...
Post a Comment
Read more

Running php and apache on termux

By
This was my experience getting php and apache to run on termux apt update && apt upgrade -y apt install php-apache I was following an old blog post that used php 7 and got these errors Can't locate API module structure `php7_module' in file /data/data/com.termux/files/usr/libexec/apache2/libphp.so: undefined symbol: php7_module Cannot load /data/data/com.termux/files/usr/libexec/apache2/libphp7.so Corrected in apache config file vim $PREFIX/etc/apache2/httpd.conf LoadModule php_module /data/data/com.termux/files/usr/libexec/apache2/libphp.so Apache is running a threaded MPM, but your PHP Module is not compiled to be threadsafe.  You need to recompile PHP. Comment out mpm_worker and use mpm_prefork #LoadModule mpm_worker_module libexec/apache2/mod_mpm_worker.so LoadModule mpm_prefork_module libexec/apache2/mod_mpm_prefork.so This still does not work as apache (httpd) was failing silently. According to Chatty LoadModule php_module ...libphp.so often fails in Termux becau...
Post a Comment
Read more