frontend/Home page disappeared into blank page.

[tjyang]

• I still trying to finish Creating Frontend Website blog and come to steps for startup todolist on port 3000 and frontend on UI port 5173.

Now, run the server cargo loco start and the UI pnpm dev --host IP-reachable-to-your-browser in the frontend folder, and start adding your todo list!

• WIP: And also trying to fix outdated or errors in the source md file.

• 192.168.241.128 is private IP for RL9 VM on VMware workstation.

• start server on port 3000
  

• start the UI to 192.168.241.128
  

• Rendered web GUI on 3000
  

• Render web GUI on port 5173, I see 1st page "Loco ToDo List" flashed and became blank page.
  

• hitting wrong URL purposely
  

• Wrong path are hitting following code, Understand or create my own 3 files are beyond my ability currently.
  

• Q: Are these 3 files for loco 0.2.4 still good loco 0.2.5 ?

1. Copy main.jsx to frontend/src/main.jsx.
2. Copy App.jsx to frontend/src/App.jsx.
3. Copy App.css to frontend/src/App.css.

• End

[tjyang]

• Did the postresql saas again and finally I didn't messed up this time.

• note to myself, npm create vite@latest ran at wrong directory.
  [me@rocky9t01a pgsaas]$ tree -L 1 /tmp/pgsaas/pgsaas
  /tmp/pgsaas/pgsaas
  ├── index.html
  ├── node_modules
  ├── package.json
  ├── pnpm-lock.yaml
  ├── public
  ├── README.md
  ├── src
  └── vite.config.js

3 directories, 5 files
[me@rocky9t01a pgsaas]$

• the original todolist directory layout would have been like this.

[me@rocky9t01a todolist]$ tree -L 1 /home/me/loco-examples/todolist/
/home/me/loco-examples/todolist/
├── Cargo.lock
├── Cargo.toml
├── config
├── dockerfile
├── examples
├── frontend
├── migration
├── README.md
├── src
├── target
├── tests
├── todolist
└── todolist.db

8 directories, 5 files
[me@rocky9t01a todolist]$ tree -L 1 /home/me/loco-examples/todolist/todolist
/home/me/loco-examples/todolist/todolist
├── index.html
├── package.json
├── public
├── README.md
├── src
└── vite.config.js

2 directories, 4 files
[me@rocky9t01a todolist]$

• End