DEV Community

loading...

Here's How you can create a React App on Android Device

shoa1bdev profile image Shoaib Akhtar ・1 min read

Hey Everyone, This is my first community post hope you like it!

I started learning Web development without having a pc. I only have an android phone which helped me to find various ways doing Front-end web developement on Android.

First you need to Install Termux, 'Acode editor'(I am using Paid one) and 'Files' App for this.

open termux and run pkg update and pkg upgrade

Then, run pkg install nodejs. After installing successfully, run npm i -g create-react-app and after that npx create-react-app App-name it will take few minutes.

After installed open Acode Editor, open side-bar and click on add folder, on the top there is a plus sign click that, it will open a pop up with two input fields.

On the first field write projects and click on second field, it will open file manager so make sure to open with the 'Files' app. Open sidebar scroll down you will see Termux, Click on that there will be your react app folder, Now at the botom there is a button 'allow permission to....' like that click on that, and the react app directory will be openedin Acode editor, Your can navigate files within.

To run the app go to Termux and write command cd App-name and then npm start Your react project would be live in localhost!

Thanks for reading, if you encounter any problem let me know!

Discussion (10)

pic
Editor guide
Collapse
lionelrowe profile image
lionel-rowe

Nice post, Termux is awesome but I hadn't heard of Acode before. Let us know how you get on, look forward to seeing your project!

Collapse
shoa1bdev profile image
Shoaib Akhtar Author

Thank You so much! It means alot!
I have recently started learning ReactJS and made one project that is deployed on github you can check it out! It's totally made on An Android Device by me..πŸ˜…

here's the link: shoa1bdev.github.io/Todo-App/

Collapse
lionelrowe profile image
lionel-rowe

Cool! Are you hosting your source code on GitHub too or just the built versions for GH pages?

Thread Thread
shoa1bdev profile image
Shoaib Akhtar Author

it's just the build version, since m new, i have less knowledge about this, Lot of things confuses meπŸ˜… But i m trying..to get better

Collapse
muzammilaalpha profile image
muzammilaalpha

Interesting

Collapse
shoa1bdev profile image
Shoaib Akhtar Author

Thanks You so much! It means alot!πŸ’•

Collapse
peterndomano profile image
Peter Ndomano

Thanks for this post

But I think You skipped something

you should run npm install -g create-react-app before you can use it via npx create-react-app

Collapse
shoa1bdev profile image
Shoaib Akhtar Author

Thanks for the suggest! i appreciate it! Well in my case when i ran npx create-react-app its asked to install it by typing 'Y'..that way it worked for me..but to help other i will use your suggestion. Thanks once again

Collapse
matjones profile image
Collapse
shoa1bdev profile image
Shoaib Akhtar Author

You see not everyone can afford a pcπŸ™ƒ