top | item 38642179

(no title)

hellsten | 2 years ago

I’ve tried something similar on the frontend side: I decided to build a UI for Ollama.ai using only HTML, CSS, and JS (Single-Page Application). The goal is to learn something new and have zero runtime dependencies on other projects and NPM modules. Only Node and Parcel.js (https://parceljs.org/) are needed during development for serving files, bundling, etc. The only runtime dependency is a modern browser.

Here's what I have found so far:

- JavaScript (vanilla) is a viable alternative to React.js

- HTML entities (UTF-8) are an alternative to, for example, font-awesome

- Parcel.js is great for bundling cross-browser compatible Javascript apps: simple to install and no configuration needed. By default Parcel.js supports every browser having 0.25% or more of the total amount of active web users.

- The HTML template tag and JavaScript work well as a replacement for template libraries like Pug

- ChatGPT4 is great at writing the skeleton code for a project

Future plans include experimenting with `node:test` for testing.

I would need to add external libraries to fully support the following features, but I think I will continue on the zero-dependencies path:

- Sanitizing HTML

- Code highlighting

- Markdown rendering

The code can be found here: https://github.com/christianhellsten/ollama-html-ui/

discuss

order

No comments yet.