Skip to content

React & Node.js

Create a React app

Use the following link as a guide: https://create-react-app.dev/docs/getting-started/

npx create-react-app my-app
cd my-app
npm install
npm start

Frontend layout (top level)

  • frontend/public/ - Static assets and the HTML shell.
  • frontend/src/ - Application source code.
  • frontend/package.json - Frontend scripts and dependencies.
  • frontend/tailwind.config.js - Tailwind configuration used by parts of the UI.

Source structure (frontend/src/)

  • App.js - Main app entry component and route wiring.
  • Dashboard.js - Main dashboard logic.
  • index.js - React DOM entry point.
  • index.css - Global styles.
  • components/ - Larger React screens and flows (annotate, train, predict, etc.).
  • constants/ - Shared constants like routes for navigation, enums, and color values.
  • http/ - API request helpers and configuration.
  • redux/ - Redux slices and global state.
  • stores/ - Store configuration and schema helpers.
  • zustand/ - Zustand store used alongside Redux.
  • styles/ - Shared styling helpers and global CSS.
  • util/ - Utility and helper functions.
  • landing_page/ - Landing page components and assets.
  • metrics_components/ - Metrics and analytics views.
  • docs/ - Documentation assets for the docs site.