This repository provides a ready-to-use template for creating and publishing a personal Individual Development Plan (PDI) as a modern web page, with an admin panel, local/production database via Cloudflare D1, and deployment instructions.

Stars

14

7-day growth

No data

Forks

2

Open issues

0

License

No data

Last updated

2026-07-28

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It offers a complete, self-contained solution for managing a PDI or digital portfolio, with built-in admin authentication, database migrations, and Cloudflare deployment – all from a single template.

Who it is for

  • Developers building a personal PDI or digital CV
  • HR professionals or managers implementing employee development plans
  • Individuals seeking a structured, web-based career roadmap

Use cases

  • Creating a personal development plan with goals, contributions, and roadmap
  • Showcasing a professional profile and technical skills online
  • Managing a team or employee's growth plan through an admin interface

Strengths

  • Comprehensive template covering profile, goals, roadmap, soft skills, and admin panel
  • Integrated local and production database using Cloudflare D1 with migration scripts
  • Step-by-step setup and deployment instructions, including automated setup script

Considerations

  • Requires a Cloudflare account and D1 database for production use
  • Manual customization needed for content and layout; no built-in multi-language support
  • Admin panel is password-protected but security relies on proper secret management

README quick start

Template de PDI para GitHub

Este repositório foi preparado como um template para você criar seu próprio Plano de Desenvolvimento Individual (PDI) e publicar em uma página web moderna.

Ele já vem com:

  • interface pronta para exibir perfil, metas, contribuições, roadmap e soft skills;
  • área administrativa protegida por senha;
  • banco local e produção com Cloudflare D1;
  • estrutura preparada para deploy no Cloudflare.

O que você precisa para usar este template

Antes de começar, tenha instalado:

  • Node.js 20+
  • npm
  • uma conta no Cloudflare
  • opcionalmente: Wrangler CLI

1. Faça o fork ou clone do repositório

  1. Clique em "Use this template" no GitHub.
  2. Crie um novo repositório com o nome que quiser.
  3. Clone o repositório na sua máquina.
git clone 
cd 

2. Instale as dependências

Você pode usar o script de setup automático:

chmod +x scripts/setup-template.sh
./scripts/setup-template.sh

Ou instalar manualmente:

npm install
cp .env.example .env

Se quiser usar outro gerenciador, o projeto também suporta o fluxo padrão do Node.js com npm.


3. Personalize o conteúdo do template

Os principais arquivos a editar são:

Atualize seu perfil

No arquivo src/data/profile.ts, troque:

  • name
  • title
  • subtitle
  • company
  • area
  • github
  • linkedin
  • bio
  • lastUpdate

Exemplo:

export const profile = {
  name: "Seu Nome",
  title: "Desenvolvedor Backend",
  subtitle: "Java | Spring Boot | AWS",
  company: "Sua empresa",
  area: "Backend / Cloud",
  github: "https://github.com/seu-usuario",
  linkedin: "https://linkedin.com/in/seu-perfil",
  bio: "Escreva uma descrição curta sobre você.",
};

Atualize o conteúdo do PDI

Você pode editar os dados de:

  • metas
  • contribuições
  • roadmap técnico
  • soft skills
  • eventos
  • objetivo de carreira

Esses dados estão vinculados ao banco de dados, então a forma mais simples é alterar os seeds ou criar novos registros pelo admin.


4. Configure as variáveis de ambiente

Crie um arquivo .env ou .dev.vars com as variáveis abaixo:

Description

Um template de PDI moderno, construído com React, TypeScript, TanStack Router/Start, Tailwind-like UI, shadcn/ui e Cloudflare D1 para persistência. Ele inclui autenticação administrativa, páginas de perfil, metas, roadmap, contribuições e soft skills, pronto para personalização e deploy na nuvem.

Related repositories

Similar projects matched by category, topics, and programming language.

react
Featured
react GitHub avatar

react

React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.

Web DevelopmentFrontend Frameworks
246,741
TanStack
Featured
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web DevelopmentFrontend Frameworks
14,861
yetone
Featured
yetone GitHub avatar

kill-ai-slop

Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.

AI & Machine LearningAI Agents
805