Skip to content

Latest commit

 

History

History
32 lines (19 loc) · 1.33 KB

README.md

File metadata and controls

32 lines (19 loc) · 1.33 KB
Raw

Frontend

A React frontend in TypeScript using Vite.js to build the application using pnpm for dependency management.

Getting started

You'll need to have Rust and Node.js installed locally, alongside pnpm. To run the frontend, you need to run:

pnpm i && pnpm dev

Main packages

As with any frontend in JavaScript, this project depends on multiple dependencies but tries to be minimal and not add any package.

User interface

To style components, Tailwind CSS is used and shadcn/ui is used as based components. For icons, lucide is used for generic icons and Simple Icons is used for brand icons.

As for illustrations within the application (to represent empty states, loading states, welcome pages, ...) manypixels SVG illustrations with the Two Color variants.

REST API

For communication with the backend, the browser's built-in fetch and EventSource is used alongside @tanstack/query for easier async state management.

Routing

To navigate within the application, @tanstack/router is used due to it:

  • being typesafe
  • being file based
  • having nice integrations with @tanstack/query