Web IDE focused on editing, running, and uploading MicroPython code on and to TinyCircuits' devices.

• Framework: ReactJS
• Editor: CodeMirror + ReactJS = React CodeMirror
• Tabs: react-tabs-draggable
• File Tree: react-arborist
• Terminal: xterm.js + ReactJS = xterm-react
• Communication: ViperIDE
• Simulator: MicroPython
• Style: tailwindcss + daisyUI + ReactJS = ReactJS daisyUI
• Layout: react-resizable-panels
• Backend: pocketbase (maybe)

• Learning react:
  • https://fullstackopen.com/en/part1/introduction_to_react
  • https://www.joshwcomeau.com/react/why-react-re-renders/
  • https://www.joshwcomeau.com/react/usememo-and-usecallback/

1. Run the build.py script in https://github.com/TinyCircuits/Thumby-Color-Website
2. Copy contents of Thumby-Color-Website/site/simulator to app/public/simulator
3. Copy contents of Thumby-Color-Website/site/firmware to app/public/firmware

1. cd app
2. npm run dev
3. npx tailwindcss -i ./src/css/tailwind_input.css -o ./src/css/tailwind_output.css --watch
4. Access: http://localhost:5173/

1. ./pocketbase serve
2. cd app
3. npm run build_watch
4. npx tailwindcss -i ./src/css/tailwind_input.css -o ./src/css/tailwind_output.css --watch
5. Access http://localhost:8090/

NOTE on 404: pocketbase/pocketbase#3767

1. npm run build

• /code/
• /arcade/