Personal all-in-one panel

Because I hate load times (cloudflare ugh), and not owning my own stuff

Overview

Just started this repo, will be migrating features I've built over so it's far from done. And probably never will be.

This is a personal project that combines various tools and features I've built over the years. It's a one-stop solution for managing personal finance, secure file storage, code snippets, and tools I've built for myself such as URL/text extractors, (reverse) geolocation finder, SVG to CSS-pseudo elements, HTML to JSX/TSX converter, and loads more probably.

Features

Personal Finance

Not started
  • Budgeting
  • Expense Tracking
  • Income Management

Secure File Storage

WiP
  • Encrypted file storage
  • Sharing and Collaboration

Code Snippets

Started

Organize and manage personal code snippets

Custom Tools

Beta
  • URL/text extractors
  • (reverse) geolocation finder
  • SVG to CSS-pseudo elements converter
  • HTML to JSX/TSX converter

Technologies used

NextJS 15

Frontend

React framework for production
Drizzle ORM

ORM

TypeScript ORM for SQL databases
Clerk

Auth

Authentication and user management
Turso

Database

SQL database for edge computing
Zustand

State management

Small, fast and scalable state-management
Radix UI

UI Libraries

Unstyled, accessible UI components
NextJS 15

Frontend

React framework for production
Drizzle ORM

ORM

TypeScript ORM for SQL databases
Clerk

Auth

Authentication and user management
Turso

Database

SQL database for edge computing
Zustand

State management

Small, fast and scalable state-management
Radix UI

UI Libraries

Unstyled, accessible UI components
NextJS 15

Frontend

React framework for production
Drizzle ORM

ORM

TypeScript ORM for SQL databases
Clerk

Auth

Authentication and user management
Turso

Database

SQL database for edge computing
Zustand

State management

Small, fast and scalable state-management
Radix UI

UI Libraries

Unstyled, accessible UI components
NextJS 15

Frontend

React framework for production
Drizzle ORM

ORM

TypeScript ORM for SQL databases
Clerk

Auth

Authentication and user management
Turso

Database

SQL database for edge computing
Zustand

State management

Small, fast and scalable state-management
Radix UI

UI Libraries

Unstyled, accessible UI components
React Hook Form

Forms

Performant, flexible and extensible forms
ZOD

Validation

TypeScript-first schema validation
Posthog

Analytics

Open-source product analytics
i18next

i18n

Internationalization framework
Contentlayer

Blog/MDX

Content SDK for developers
Tailwind CSS

Styling

Utility-first CSS framework
React Hook Form

Forms

Performant, flexible and extensible forms
ZOD

Validation

TypeScript-first schema validation
Posthog

Analytics

Open-source product analytics
i18next

i18n

Internationalization framework
Contentlayer

Blog/MDX

Content SDK for developers
Tailwind CSS

Styling

Utility-first CSS framework
React Hook Form

Forms

Performant, flexible and extensible forms
ZOD

Validation

TypeScript-first schema validation
Posthog

Analytics

Open-source product analytics
i18next

i18n

Internationalization framework
Contentlayer

Blog/MDX

Content SDK for developers
Tailwind CSS

Styling

Utility-first CSS framework
React Hook Form

Forms

Performant, flexible and extensible forms
ZOD

Validation

TypeScript-first schema validation
Posthog

Analytics

Open-source product analytics
i18next

i18n

Internationalization framework
Contentlayer

Blog/MDX

Content SDK for developers
Tailwind CSS

Styling

Utility-first CSS framework