pocket x

A modern React dashboard and reporting tool for PocketBase.

Overview

Pocket-x is a web application built with React, Vite, Tailwind CSS, and shadcn/ui. It connects to a PocketBase backend, allowing users to:

• View and manage PocketBase collections
• Build custom reports and run queries (with AI assistance)
• Visualize data using charts and tables
• Authenticate and manage user sessions
• Use a modular, extensible UI powered by shadcn/ui and lucide icons

Features

• Dashboard for PocketBase collections
• Custom report builder with query editor
• AI-powered query generation
• Data visualization (charts, tables)
• Authentication and user management
• Modular architecture for easy extension
• Responsive design with Tailwind CSS
• Reusable UI components (shadcn/ui)

Tech Stack

• React
• Vite
• Tailwind CSS
• shadcn/ui
• PocketBase
• Lucide Icons

Getting Started

1. Install dependencies: bun install
2. Start the development server: bun run dev
3. Configure PocketBase connection in the app

Adding UI Components

To add a shadcn/ui component:

bunx shadcn-ui@latest add <component-name>

For more documentation, see shadcn/ui docs.

---