503010254-0d710c82-2da1-4163-99b4-5b57c7c38288

503010254-0d710c82-2da1-4163-99b4-5b57c7c38288 (1)

BackTests

A modern, production-ready Full-Stack Order Management application focused on end-to-end type safety, robust features, and professional UX. Features complete CRUD operations, server-side pagination, and status filtering.

This project uses a pnpm monorepo architecture to share types between the frontend and backend.

• ✅ Full CRUD Operations for orders.
• ✅ Server-side Pagination and Status Filtering (PENDING, COMPLETED, CANCELLED).
• ✅ Real-time Validation using shared Zod schemas.
• ✅ End-to-end Type Safety across the stack.

• ✅ Professional Toast Notifications and clear Status Badges.
• ✅ Responsive Design using TailwindCSS.

• ✅ Docker Support for quick setup.
• ✅ Monorepo Architecture with shared types.
• ✅ Comprehensive Testing (10 backend, 5 frontend tests).

The easiest way to run the entire application with one command. No need to install PostgreSQL or Node.js locally.

• Docker Desktop installed and running.

1. Clone the repository and navigate to the root directory.

2. Run the following command:

   docker compose up --build

• 🎨 Frontend: http://localhost:5173
• 🚀 Backend API: http://localhost:3000

💡 The database is automatically migrated and seeded with 10 sample orders on the first run.

For manual setup, you need Node.js >= 22.0.0, pnpm >= 8.0.0, and a running local PostgreSQL >= 14 instance.

1. Clone & Install:

   git clone <repository-url>
   cd RedditTest
   pnpm install

2. Database Setup: Configure your database URL in apps/backend/.env, then:

   pnpm --filter backend prisma:generate # Generate Prisma Client
   pnpm --filter backend prisma:migrate dev # Run migrations
   pnpm --filter backend prisma:seed # Seed data (optional)

3. Start Servers: Run these commands in two separate terminals:

   # Terminal 1: Backend API (http://localhost:3000)
   pnpm dev:backend 
   # Terminal 2: Frontend (http://localhost:5173)
   pnpm dev:frontend 

http://localhost:3000/api

All successful responses include a success: true flag and a data object. Errors include success: false and an error object with a message and code.

# Example Success Response
```json
{ "success": true, "data": { "id": "uuid", ... } }