Recruit React Codespace
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 Concept | Purpose |
|---|---|---|
Everything above renderHTML() (express + sqlite3 setup) | server.js | Backend server & database setup |
renderHTML() | App.jsx / index.html / main.jsx | Frontend: UI template, HTML + JSX equivalent |
app.get('/', ...) & app.post('/check', ...) | API endpoints | Backend API routes (like controllers in Node.js frameworks) |
package.json | Same | Dependencies & scripts |
| Node modules (express, sqlite3) | Same | Third-party libraries |
| Codespace + PORT | devcontainer.json | Development environment config (if using Codespace container) |
| Form + table HTML | index.html / React components | UI display |

Tinggalkan komentar