This project is a reworking of solid-realworld.
The following updates have be made:
- Builds & runs with Vite
- Source is now fully typed typescript
- Rationalised code and added extensive comments
- Added Follow & Favorite to Article
- Select an article page directly via URL/slug
- Article comments now load
- Replace server API client with one based directly on openAPI
- Added diagnostic/debug logging
- Added comprehensive Vitest mock testing
- Updated workflow to build the project for GitHub Pages
The project is hosted on GitHub Pages, visit solid-realworld
To download, build and run the project locally, run the following commands (pnpm is used here but npm and yarn are both ok)
git clone https://github.com/stevej2608/solid-realworld.git
cd solid-realworld
pnpm install
pnpm dev
Visit http://localhost:3000/
vitest is used for testing the application
pnpm test
In the vscode terminal window run the following command:
pnpm dev
Then press F5 in VSCODE, a Chrome browser window will open.
Set breakpoints and modify the code as required. Hot module replacement (HMR) is enabled.
A debug template for Firefox is included.
| language | files | code | comment | blank | total |
|---|---|---|---|---|---|
| TypeScript JSX | 21 | 1,055 | 104 | 175 | 1,334 |
| TypeScript | 13 | 913 | 388 | 267 | 1,568 |
| CSS | 1 | 16 | 1 | 3 | 20 |
The canonical realworld project links.
- The reference demo for the project demo.realworld.io
- The demo source angularjs-realworld-example-app