File size: 1,489 Bytes
3f8e4e7 c04cfa4 3f8e4e7 e9d3b37 3f8e4e7 89f2bc0 3f8e4e7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
---
title: NLP IBM Debater
emoji: 🐠
colorFrom: indigo
colorTo: red
sdk: static
pinned: false
app_build_command: npm run build
app_file: build/index.html
license: mit
---
# NLP IBM Debater — React + Tailwind Workspace
An opinionated Create React App setup designed for fast iteration on NLP experiences. Tailwind CSS is wired in, and the app structure is organized for feature-first development.
## Project structure
- `src/app/App.jsx` — root composition.
- `src/app/layouts/MainLayout.jsx` — shared shell with navigation and footer.
- `src/app/pages/HomePage.jsx` — starter page showing layout and cards.
- `src/app/components/` — reusable UI (navigation/common).
- `src/app/data/` — UI copy and data stubs.
- `LLM_GUIDE.md` — instructions for AI collaborators.
- `tailwind.config.js` and `postcss.config.js` — Tailwind setup.
## Scripts
- `npm start` — run the dev server.
- `npm test` — run tests in watch mode.
- `npm run build` — production build.
## Tailwind usage
Tailwind is configured via `tailwind.config.js`. Global styles live in `src/index.css` with Tailwind directives. Use utility classes for new UI and extend the config when adding design tokens.
## Adding features
1. Create a page in `src/app/pages` and wire it through `App.jsx`.
2. Add shared UI to `src/app/components`.
3. Store static copy or mock data in `src/app/data`.
4. Write behavioral tests with React Testing Library.
For more collaboration guidance, see `LLM_GUIDE.md`.
|