HnJobs

Online at https://grburst.github.io/hnjobs

Desktop Screenshots

Mobile Screenshots

Technologies + Frameworks

• React TypeScript Frontend
• Vite hot reloading and serving
• devbox for a reproducible dev environment
• direnv to automatically load dev environment when entering project directory
• Effect-TS/effect for async calls and effect management
• Reactfire for Realtime Database connection to Hackernews Firabase
• sqlite-wasm-http for partial requests to static served sqlite3 db (not online yet)
• ant design as components framework
• Reaviz for Venn Diagrams

Setup

Install devbox and direnv. Allow direnv to automatically run the .envrc.

direnv allow

When direnv finished setting up the environment using devbox, simply run yarn from the frontend folder to install all dependencies:

yarn install

Run

With Devbox

Just run devbox services up from your terminal.

Without Devbox

For the frontend, cd to frontend folder and run yarn dev or run yarn as follows:

yarn --cwd ./frontend dev