In production 2025 – present

RutaSec

Fullstack Developer & Creator

Cybersecurity learning catalog with curated resources, a personal library, and progress tracking on Cloudflare.

Main view of RutaSec

Links

Overview

RutaSec organizes cybersecurity learning by turning scattered resources into a public catalog that's easy to explore. The MVP focuses on discovering resources, opening their details, signing in, and saving them to a personal library, on an architecture built with TanStack Start, server functions, Cloudflare Workers, D1, and Better Auth. The content base starts with Web Pentesting & Bug Bounty and separates theory, practice, and mixed resources so learning follows a clearer path.

Key features

  • Public catalog of cybersecurity resources with clear attribution
  • Resource detail page to review content before saving it
  • Email/password authentication and sessions with Better Auth
  • Personal library for saving resources
  • Editorial seed with Web Pentesting & Bug Bounty resources
  • Classification by resource type and learning mode: theory, practice, or mixed
  • Resource proposal flow from GitHub issues to a reviewable seed JSON

Screens and flows

Tech stack

Frontend

  • TanStack Start
  • TanStack Router
  • React
  • Tailwind CSS
  • shadcn/ui

Backend

  • Cloudflare Workers
  • Server functions
  • Better Auth

Data

  • Cloudflare D1
  • Workers KV
  • Seed JSON

Observability

  • Sentry

Tooling

  • Vite+
  • Wrangler
  • Vitest
  • Playwright