alezmad/whyrating
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: whyrating - initial project from turbostarter boilerplate

Browse Source
This commit is contained in:
Alejandro Gutiérrez
2026-02-04 01:54:52 +01:00
commit 5cdc07cd39
1618 changed files with 338230 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

611
.context/turbostarter-framework-context/wireframes/_templates/components/card-grid.excalidraw Normal file
View File

@@ -0,0 +1,611 @@
{
"type": "excalidraw",
"version": 2,
"source": "turbostarter-wireframes",
"elements": [
{
"id": "card-1",
"type": "rectangle",
"x": 0,
"y": 0,
"width": 352,
"height": 180,
"strokeColor": "$border",
"backgroundColor": "$card",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-1"],
"roundness": { "type": 3, "value": 8 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-1-icon",
"type": "ellipse",
"x": 20,
"y": 20,
"width": 40,
"height": 40,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-1"],
"roundness": { "type": 2 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-1-title",
"type": "rectangle",
"x": 20,
"y": 72,
"width": 200,
"height": 20,
"strokeColor": "$foreground",
"backgroundColor": "$foreground",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-1"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-1-desc",
"type": "rectangle",
"x": 20,
"y": 100,
"width": 300,
"height": 32,
"strokeColor": "$muted",
"backgroundColor": "$muted",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 60,
"groupIds": ["card-group-1"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-1-action",
"type": "rectangle",
"x": 20,
"y": 144,
"width": 100,
"height": 24,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-1"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-2",
"type": "rectangle",
"x": 368,
"y": 0,
"width": 352,
"height": 180,
"strokeColor": "$border",
"backgroundColor": "$card",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-2"],
"roundness": { "type": 3, "value": 8 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-2-icon",
"type": "ellipse",
"x": 388,
"y": 20,
"width": 40,
"height": 40,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-2"],
"roundness": { "type": 2 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-2-title",
"type": "rectangle",
"x": 388,
"y": 72,
"width": 200,
"height": 20,
"strokeColor": "$foreground",
"backgroundColor": "$foreground",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-2"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-2-desc",
"type": "rectangle",
"x": 388,
"y": 100,
"width": 300,
"height": 32,
"strokeColor": "$muted",
"backgroundColor": "$muted",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 60,
"groupIds": ["card-group-2"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-2-action",
"type": "rectangle",
"x": 388,
"y": 144,
"width": 100,
"height": 24,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-2"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-3",
"type": "rectangle",
"x": 736,
"y": 0,
"width": 352,
"height": 180,
"strokeColor": "$border",
"backgroundColor": "$card",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-3"],
"roundness": { "type": 3, "value": 8 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-3-icon",
"type": "ellipse",
"x": 756,
"y": 20,
"width": 40,
"height": 40,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-3"],
"roundness": { "type": 2 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-3-title",
"type": "rectangle",
"x": 756,
"y": 72,
"width": 200,
"height": 20,
"strokeColor": "$foreground",
"backgroundColor": "$foreground",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-3"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-3-desc",
"type": "rectangle",
"x": 756,
"y": 100,
"width": 300,
"height": 32,
"strokeColor": "$muted",
"backgroundColor": "$muted",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 60,
"groupIds": ["card-group-3"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-3-action",
"type": "rectangle",
"x": 756,
"y": 144,
"width": 100,
"height": 24,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-3"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-4",
"type": "rectangle",
"x": 0,
"y": 196,
"width": 352,
"height": 180,
"strokeColor": "$border",
"backgroundColor": "$card",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-4"],
"roundness": { "type": 3, "value": 8 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-4-icon",
"type": "ellipse",
"x": 20,
"y": 216,
"width": 40,
"height": 40,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-4"],
"roundness": { "type": 2 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-4-title",
"type": "rectangle",
"x": 20,
"y": 268,
"width": 200,
"height": 20,
"strokeColor": "$foreground",
"backgroundColor": "$foreground",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-4"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-4-desc",
"type": "rectangle",
"x": 20,
"y": 296,
"width": 300,
"height": 32,
"strokeColor": "$muted",
"backgroundColor": "$muted",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 60,
"groupIds": ["card-group-4"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-4-action",
"type": "rectangle",
"x": 20,
"y": 340,
"width": 100,
"height": 24,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-4"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-5",
"type": "rectangle",
"x": 368,
"y": 196,
"width": 352,
"height": 180,
"strokeColor": "$border",
"backgroundColor": "$card",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-5"],
"roundness": { "type": 3, "value": 8 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-5-icon",
"type": "ellipse",
"x": 388,
"y": 216,
"width": 40,
"height": 40,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-5"],
"roundness": { "type": 2 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-5-title",
"type": "rectangle",
"x": 388,
"y": 268,
"width": 200,
"height": 20,
"strokeColor": "$foreground",
"backgroundColor": "$foreground",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-5"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-5-desc",
"type": "rectangle",
"x": 388,
"y": 296,
"width": 300,
"height": 32,
"strokeColor": "$muted",
"backgroundColor": "$muted",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 60,
"groupIds": ["card-group-5"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-5-action",
"type": "rectangle",
"x": 388,
"y": 340,
"width": 100,
"height": 24,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-5"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-6",
"type": "rectangle",
"x": 736,
"y": 196,
"width": 352,
"height": 180,
"strokeColor": "$border",
"backgroundColor": "$card",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-6"],
"roundness": { "type": 3, "value": 8 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-6-icon",
"type": "ellipse",
"x": 756,
"y": 216,
"width": 40,
"height": 40,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 2,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-6"],
"roundness": { "type": 2 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-6-title",
"type": "rectangle",
"x": 756,
"y": 268,
"width": 200,
"height": 20,
"strokeColor": "$foreground",
"backgroundColor": "$foreground",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-6"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-6-desc",
"type": "rectangle",
"x": 756,
"y": 296,
"width": 300,
"height": 32,
"strokeColor": "$muted",
"backgroundColor": "$muted",
"fillStyle": "solid",
"strokeWidth": 0,
"roughness": 0,
"opacity": 60,
"groupIds": ["card-group-6"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
},
{
"id": "card-6-action",
"type": "rectangle",
"x": 756,
"y": 340,
"width": 100,
"height": 24,
"strokeColor": "$primary",
"backgroundColor": "transparent",
"fillStyle": "solid",
"strokeWidth": 1,
"roughness": 0,
"opacity": 100,
"groupIds": ["card-group-6"],
"roundness": { "type": 3, "value": 4 },
"isDeleted": false,
"boundElements": null,
"link": null,
"locked": false
}
],
"appState": {
"gridSize": 20,
"viewBackgroundColor": "$background"
}
}