{"repo":"jingerpie/ocean-dataview","free":true,"listed":false,"github":"https://github.com/jingerpie/ocean-dataview","clone":"git clone https://github.com/jingerpie/ocean-dataview.git","description":"Notion-inspired Shadcn Dataview: table, list, gallery, board, and charts with server-side sort/filter/pagination","language":"TypeScript","stars":63,"topics":["board","drizzle-orm","gallery","list","nextjs","notion","open-source","shadcn-ui","table","tanstack"],"license":"MIT","category":"ui-components","readme_excerpt":"Ocean DataView Notion-style data views for React: table, list, gallery, board, and charts with filtering, sorting, grouping, and URL-synced state. Why I Built This Traditional approach (fragmented): Notion's elegant approach to data visualization inspired this unified model: Tech Stack - Framework: Next.js - Styling: Tailwind CSS - UI Components: shadcn/ui - State Management: nuqs (URL state) - Data Fetching: TanStack Query + tRPC - API Server: Hono - Database: PostgreSQL - ORM: Drizzle ORM Features - [x] Multiple view types: TableView , ListView , GalleryView , BoardView - [x] Chart views: vertical bar, horizontal bar, line, area, donut - [x] Notion-style toolbar with filters, sort, search, group, visibility - [x] Rich property system (text, number, select, multi-select, status, date, media, checkbox, url, email, phone, formula, button) - [x] Server-side pagination, sorting, filtering, and grouping - [x] Pagination modes: page, load-more, infinite scroll - [x] URL-driven state with shareable links - [x] Per-column/group pagination for board view Running Locally Prerequisites - Bun = 1.3.9 - Node.js = 20 - PostgreSQL = 15 Setup 1. Clone the repository 2. Install dependencies 3. Set up environment variables Update with your database credentials: - apps/server/.env : Set DATABASE URL and CORS ORIGIN=http://localhost:3001 - apps/web/.env.local : Set NEXT PUBLIC SERVER URL=http://localhost:3000 4. Set up database 5. Start development servers - Web: http://localhost:3001 - API: ht","default_branch":null,"files":null,"tree":[],"storefront":"/r/jingerpie","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/jingerpie/ocean-dataview/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}