Este repositório contém dois elementos principais:
- README.md — documentação explicando toda a estrutura do projeto e suas seções.
- exemplo.md — contém um exemplo funcional completo em HTML + React (sem build), representando o produto MVP de tokenização imobiliária com dark mode e dados mockados.
Quero transformar o conteúdo do arquivo exemplo.md (que é um código HTML completo com React via CDN e Babel Standalone) em um projeto React funcional dentro da pasta src, usando o stack atual do repositório:
- React + JSX (sem Next.js nem TypeScript)
- TailwindCSS já configurado
- Navegação por
useState - Ícones Lucide (ou inline, se mais simples)
- Dados mockados
- Dark mode
- Tudo modularizado, dividindo as partes principais em componentes
- Ler e entender o código em
exemplo.md. - Reestruturar esse código em arquivos React dentro de
src/, mantendo a mesma aparência e comportamento. - Criar os componentes necessários:
App.jsx(com o roteamento poruseState)components/TopMenu.jsxcomponents/Empreendimentos.jsxcomponents/Status.jsxcomponents/NewFi.jsxcomponents/Infra.jsx- e quaisquer subcomponentes que o Cursor julgar necessários (UnitCard, ProjectDetailPage, etc.).
- Manter Tailwind funcionando.
- Garantir que o app rode com
npm run dev(Vite). - Deixar o
index.htmle omain.jsxprontos para renderizar o app. - Manter tudo modular, limpo e fiel ao visual e comportamento do exemplo.
- Caso o código de
exemplo.mdtenha scripts inline, o Cursor deve convertê-los para o formato correto de componentes React modernos (sem Babel inline). - O
README.mdjá explica toda a lógica — o Cursor pode usá-lo como referência para nomear os componentes.
Ao final, eu quero poder rodar:
npm install
npm run dev