Documentation Preview

Project Overview & Stack Primer

Explore the same landing content used on the home page, rendered here as a quick sample for documentation. Extend this route with more guides, component demos, or API usage examples as the platform grows.

Dataset Platform

Build, label, and ship datasets faster.

Quantigo AI's Dataset Platform provides a unified workspace to orchestrate data pipelines, manage annotation workflows, and surface insights through a modern, fully typed frontend stack.

Project Snapshot

Project Name: Dataset Platform
Next.js Version: 14.2.16
API Strategy: Built on Redux Toolkit Query for declarative data fetching, cache management, optimistic updates, and automatic request deduplication.

Why RTK Query?

Generate hooks for queries and mutations with concise endpoints.
Seamlessly integrate with Redux middleware and DevTools.
Supports SSR/ISR patterns in the App Router out of the box.

Configure your API slice, export the auto-created hooks, and wire it into the `ReduxProvider` used across the application shell.

Stack Highlights

UI & Styling

Tailwind CSS powers rapid styling and theming.
Tailwind Merge keeps class composition tidy.
@tailwindcss/typography adds prose-friendly defaults.

State & API

Redux Toolkit simplifies store configuration.
RTK Query handles API calls with caching and auto-fetching.
Typed Redux Saga supports complex async workflows when needed.

Forms & Validation

React Hook Form offers performant form management.
Zod enables schema-based validation and TypeScript inference.

Tooling & DX

Next.js 14 drives the app router and hybrid rendering.
TypeScript ensures end-to-end type safety.
ESLint and Prettier keep the codebase consistent.

Folder Hierarchy Primer

The project is organized to keep responsibilities clear and scalable. Reference these directories when wiring new screens, endpoints, or shared utilities.

src/app

Next.js App Router entry points: `layout.tsx` sets fonts/providers, `page.tsx` renders the Intro, `loading.tsx` provides a route-level fallback, and `globals.css` centralizes shared styles.

src/components

Reusable UI and layout primitives. `layout/PublicLayout.tsx` wraps pages, `providers/*` defines context providers, and `intro/Intro.tsx` contains this landing experience.

src/state

Redux Toolkit store wiring lives here. `store.ts` boots the store, `rootReducer.ts` and `rootSaga.ts` compose reducers/sagas, and `features/*` (e.g., `auth`) host slices plus RTK Query APIs.

src/services

Client-side API helpers. `rootApi.ts` configures RTK Query base settings, while domain folders such as `public-api-call/` expose typed service functions.

src/helpers

General-purpose utilities for cookies, JWT validation, responsive helpers, and domain validation logic under `validation/`.

src/hooks

Custom hooks like `useIsDesktop.ts` centralize shared view logic.

src/constants

Static configuration such as app-level settings in `app.ts`.

src/utils

Additional utilities, e.g., toast helpers in `utils/Toster/toastUtil.ts`.

src/interface

Shared TypeScript interfaces, currently focused on auth contracts.