♻️ 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,31 @@
{
"name": "web",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"lint": "eslint .",
"preview": "vite preview"
},
"dependencies": {
"@tanstack/react-virtual": "^3.13.13",
"react": "^19.2.0",
"react-dom": "^19.2.0"
},
"devDependencies": {
"@eslint/js": "^9.39.1",
"@types/react": "^19.2.5",
"@types/react-dom": "^19.2.3",
"@vitejs/plugin-react": "^5.1.1",
"eslint": "^9.39.1",
"eslint-plugin-react-hooks": "^7.0.1",
"eslint-plugin-react-refresh": "^0.4.24",
"globals": "^16.5.0",
"vite": "npm:rolldown-vite@7.2.5"
},
"overrides": {
"vite": "npm:rolldown-vite@7.2.5"
}
}