Interbuddy Admin Examples

Explore examples of all the technologies used in this project

TanStack Query
Data fetching, caching, and state management with useQuery and useMutation
TanStack Table
Advanced data tables with sorting, filtering, and pagination
TanStack Form
Type-safe form handling with validation and error management
Leaflet Map
Interactive maps with markers, popups, and real-time tracking
React Icons
Comprehensive icon library with Font Awesome icons
Tech Stack
Complete list of technologies used in this project

Frontend Framework

  • • Next.js 16 (App Router)
  • • React 19
  • • TypeScript

UI & Styling

  • • Tailwind CSS v4
  • • shadcn/ui Components
  • • React Icons

Data Management

  • • TanStack Query (React Query)
  • • TanStack Table
  • • TanStack Form

Utilities

  • • Axios (HTTP Client)
  • • Winston (Logger)
  • • Leaflet (Maps)
Project Setup
Key configurations and utilities

Axios Instance

Pre-configured HTTP client with interceptors for authentication and logging

lib/axios.ts

Logger Configuration

Winston logger with multiple transports and custom formatting

lib/logger.ts

Query Provider

TanStack Query provider with default options and dev tools

providers/query-provider.tsx