♻️ feat: initialize web project with Vite and React Demonstration Simple Playground

- Added package.json for project dependencies and scripts.
- Created Vite logo SVG file.
- Added global styles in index.css.
- Implemented main application structure in App.jsx.
- Created BadgeRow component for displaying individual badges.
- Developed Section component to organize badge lists.
- Implemented VirtualBadgeList for efficient rendering of badges.
- Added WASM integration for parsing README files.
- Configured Vite for the project.
This commit is contained in:
yogithesymbian 2025-12-26 11:54:17 +08:00
parent 6406b47c9b
commit ce92b17c8f
18 changed files with 3142 additions and 0 deletions

View file

@ -0,0 +1,15 @@
import BadgeList from './VirtualBadgeList'
export default function Section({ section, selected, toggle }) {
return (
<section style={{ marginBottom: 32 }}>
<h3>{section.title}</h3>
<BadgeList
items={section.items}
selected={selected}
toggle={toggle}
/>
</section>
)
}