
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
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.
14
No data
2
0
No data
2026-07-28
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.
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:
Antes de começar, tenha instalado:
git clone
cd
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.
Os principais arquivos a editar são:
No arquivo src/data/profile.ts, troque:
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ê.",
};
Você pode editar os dados de:
Esses dados estão vinculados ao banco de dados, então a forma mais simples é alterar os seeds ou criar novos registros pelo admin.
Crie um arquivo .env ou .dev.vars com as variáveis abaixo:
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.
Similar projects matched by category, topics, and programming language.

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

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.
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.