Skip to content

Admin App Architecture

Architecture

  • Framework: React 18 + react-admin 4.x
  • Data Provider: Custom dataProvider.js using fetchUtils (no external ra-jsonapi-client)
  • Must support: getList, getOne, getMany, getManyReference, create, update, delete
  • Must support: filters, joins, sorting, pagination
  • Backend: JSON:API per mcp_discovery.json
  • CORS: Ensure API allows http://localhost:3000 
    from flask_cors import CORS  
CORS(app, origins='*')  # or restrict to localhost:3000
  • Project Setup:
  • Use create-react-app
  • Include: react-admin, @mui/material, @emotion/react, @emotion/styled, react-router-dom
  • Do not use any deprecated or unmaintained libraries
  • Include complete and correct App.js, index.js, dataProvider.js, and index.html

Run Instructions

npm install
npm start

Then open in browser: http://localhost:3000