scaffold project with vite, react, typescript, eslint, prettier
suggested vscode setup
readme for frontend
add basic fixture (fake) data and api mocking setup with msw
install needed packages: tanstack query for future api call handling, tanstack table for flexible table component, zagjs for various components, lodash for util funcs, react icons for huge icon collection, react router, etc.
include 404 redirect to make router work on deployed site
animated logo design, favicon, and share image
scaffold basic routes for home page, about page, analysis page, etc.
add basic mocked api call functions
add generic request method
add placeholder api types
add suite of basic components
time ago
alert message box
analysis card
button
checkbox, textbox, numberbox, slider, radios
collapsible
popover, tooltip
single/multi select
table with pagination, sorting, global search, column filtering, column selection, and downloading
table of contents
tabs
toast notifications
etc.
establish palette of theme colors and other variables
add basic css for raw html elements, layout, and effects
add some basic placeholder sections and tabs on each page for future content
add comprehensive testbed for testing palette/theme, elements, styles, components, etc.
add basic util functions for debugging, dom manipulation, string formatting, etc., and hooks
Roughly in diff order: