Monorepo Project

This is a monorepo containing two applications:

1. Backend - A Next.js application
2. Web - A React + Vite application

Project Structure

monorepo/
├── apps/
│   ├── backend/  # Next.js application
│   └── web/      # React + Vite application
└── package.json  # Root workspace configuration

Getting Started

Prerequisites

• Node.js (v16 or later)
• npm (v7 or later) or yarn

Installation

Clone the repository and install dependencies:

git clone <repository-url>
cd monorepo
npm install

Running the Applications

Backend (Next.js)

npm run dev:backend

The backend application will be available at http://localhost:3000.

Web (React + Vite)

npm run dev:web

The web application will be available at http://localhost:5173.

Building for Production

Backend (Next.js)

npm run build:backend

Web (React + Vite)

npm run build:web

UI note: Text alignment controls (shadcn)

• We use the shadcn Toggle Group (segmented control) with three options and icons (AlignLeft, AlignCenter, AlignRight) in PatchControls.tsx.
• The UI wrappers are located at apps/web/src/components/ui/toggle-group.tsx (ToggleGroup, ToggleGroupItem).

License

MIT