A favicon of Remcostoeten All In One Dashboard

Remcostoeten All In One Dashboard

A Next.js 14 personal dashboard with tools for file storage, URL extraction, notes, finances, kanban, and various developer utilities, built with TypeScript, Turso, and Drizzle.

A screenshot of Remcostoeten All In One DashboardVisit

Remco's All-in-One Personal Dashboard: Next.js & Turso Powered Utilities

Explore a personal dashboard built with Next.js 14, TypeScript, Drizzle ORM, and Turso (SQLite). This project is a learning ground and a personal toolkit, integrating diverse utilities like WhatsApp history viewing, color conversion, file comparison, and a Kanban planner. It's an open exploration of modern web technologies, aiming to consolidate various helpful tools into one accessible platform for the developer.

Features:

  • WhatsApp History Showcase: Import, view, search, favorite messages, and admin protect chats from WhatsApp exports.
  • Color Helper Tool: Convert colors (RGB/HSL to Hex), find nearest colors, save to palettes, auto-generate CSS/Tailwind syntax, and check contrast ratios.
  • Diff Checker: Compare files with syntax highlighting, use keyboard macros, and save diffs to local storage or database.
  • Kanban Planner: Basic Kanban board (currently with Faker data, no CRUD).
  • Gas Station Tool: Search gas stations by KM range and display cheapest fuel prices.
  • (Reverse) Geolocation Tool: Convert between addresses and longitude/latitude, with database saving.
  • Compare Two Longitudes/Latitudes: Calculate skywide distance between two geographical points.
  • HTML to JSX/TSX Converter: Tool to transform HTML code into JSX or TSX.
  • Blackjack Perfect Strategy Helper: Assists in learning and applying optimal blackjack strategies.
  • Budget Tracker/Future Expense Tool: Manage personal budget and forecast future expenses.
  • URL Extract Tool: Extract, modify, and open URLs from large blocks of text.
  • CSS Bezier Curve Helper Showcase Tool: Visual tool for working with CSS Bezier curves.
  • SVG to Pseudo Element Tool: Convert SVG graphics into CSS pseudo-elements.
  • SVG to React Component Tool: Transform SVG images into React components.
  • Password Manager: A tool for managing passwords securely.

Summary:

This Next.js 14 based personal dashboard is an evolving collection of utilities designed for the developer's own use and learning. It employs Turso for its SQLite backend, Drizzle as an ORM, Clerk for authentication, and TailwindCSS for styling. While some features are in beta or planned, the project demonstrates a practical application of these technologies to build a versatile, personal productivity hub, with an emphasis on backend development and feature exploration.

Distribution:
opensource
GitHub:
14 Stars
2 Forks
Share:

 

  
 

Similar to Remcostoeten All In One Dashboard: