
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
它提供了一个完整的独立解决方案,用于管理PDI或数字作品集,内置管理员认证、数据库迁移和Cloudflare部署,全部集成在一个模板中。
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.
根据分类、Topic 和编程语言匹配的相似项目。

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.