Anjar Priandoyo

Notes

Recruit React Codespace

leave a comment »

App.jsx
devcontainer.json
package.json
server.js
viteconfig.js
index.html
main.jsx

Prompt

I am making one day workshop for Bank’s IT Auditor (Know some IT but not programmer level) on React. Can you give me the setup for this workshop? like what is the fastest way to host the React, is there any free website that can host it like codered.cloud, I just want to show a simple hello world post that made in laravel, some image and button. I want to teach about Javascript, API and Node.js as framework. Can you show me the code and how to setup this. The workshop objective want to to teach IT auditor of IT control but I want to give them hands on experience developing modern API node.js based web apps, maybe some simple tables (10 rows, name, university and status (accepted or not). So this kind of simple recruitment announcement website apps that a person can write their name and know their status. So it should be very simple 10 rows data. But I want to have the knowledge of simple SQL or RDBMS to them. But it seems sqllite is easier

My preference as follows
1.Zero installation, everything in online
2.Make in one single file if possible, so all code can be easily copy paste, additional file is accepted like requirement.txt or yaml, but if possible make it as single files
3.Use tools that commonly used, industry grade, but on free tier if possible, the purpose of this workshop is also to teach jargon, term and technology that popular
4.I prefer use github codespace, and github repository

Single File (app.js)Multi-file ConceptPurpose
Everything above renderHTML() (express + sqlite3 setup)server.jsBackend server & database setup
renderHTML()App.jsx / index.html / main.jsxFrontend: UI template, HTML + JSX equivalent
app.get('/', ...) & app.post('/check', ...)API endpointsBackend API routes (like controllers in Node.js frameworks)
package.jsonSameDependencies & scripts
Node modules (express, sqlite3)SameThird-party libraries
Codespace + PORTdevcontainer.jsonDevelopment environment config (if using Codespace container)
Form + table HTMLindex.html / React componentsUI display

Written by Anjar Priandoyo

Selasa, Februari 17, 2026 pada 3:05 pm

Ditulis dalam Life

Tinggalkan komentar

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

Rancang situs seperti ini dengan WordPress.com
Mulai