Crochet Tutorial Collection

\n \n \n

\n A collaborative collection of crochet tutorials for your team\n

\n\n {/* Filter bar */}\n \n\n {/* Main content */}\n

\n {loading ? (\n

\n ) : (\n \n )}\n

\n\n {/* Add tutorial modal */}\n {isAddingTutorial && (\n

Add New Tutorial

\n \n

\n setIsAddingTutorial(false)} />\n

\n )}\n\n {/* Add team member modal */}\n {isAddingTeamMember && (\n

Add Team Member

\n \n

\n Name\n setNewTeamMemberName(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500\"\n placeholder=\"Enter team member name\"\n />\n

\n setIsAddingTeamMember(false)}\n className=\"px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-100\"\n >\n Cancel\n \n \n Add Member\n \n

\n )}\n\n {/* Footer */}\n \n

\n );\n}",[],[204,211,218],{"_102":225,"_95":226,"_151":227,"_153":212,"_154":136,"_155":135,"_157":158,"_104":228,"_99":32,"_160":178,"_162":229,"_163":22,"_164":-5,"_165":230,"_98":231},"cadb734c-34f5-11f0-afc4-9e149126039e","TutorialList.tsx","cadb73e2-34f5-11f0-afc4-9e149126039e",["D",1747689072345],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { TutorialWithProgress, TeamMember } from \"../../shared/types.ts\";\nimport TutorialCard from \"./TutorialCard.tsx\";\n\ninterface TutorialListProps {\n tutorials: TutorialWithProgress[];\n teamMembers: TeamMember[];\n onUpdateProgress: (tutorialId: number, status: 'not_started' | 'in_progress' | 'completed', teamMemberId?: number, notes?: string, progress?: number) => void;\n}\n\nexport default function TutorialList({ tutorials, teamMembers, onUpdateProgress }: TutorialListProps) {\n const [expandedTutorial, setExpandedTutorial] = useState(null);\n\n if (tutorials.length === 0) {\n return (\n

🧶

No tutorials found

Try adjusting your filters or add a new tutorial

\n );\n }\n\n return (\n

\n {tutorials.map(tutorial => (\n setExpandedTutorial(expandedTutorial === tutorial.id ? null : tutorial.id)}\n onUpdateProgress={onUpdateProgress}\n />\n ))}\n

\n );\n}",[],[204,211,226],[204,211],{"_102":234,"_95":235,"_151":236,"_153":205,"_154":136,"_155":206,"_157":158,"_104":237,"_99":32,"_160":238,"_162":239,"_163":22,"_164":-5,"_165":240,"_98":241},"ad90df34-34f5-11f0-b0f9-9e149126039e","index.html","ad90dffc-34f5-11f0-b0f9-9e149126039e",["D",1747689023199],"file","\n\n\n \n \n Crochet Tutorial Collection\n \n \n \n\n\n

\n \n\n",[],[204,235],{"_102":243,"_95":244,"_151":245,"_153":205,"_154":136,"_155":246,"_157":158,"_104":247,"_99":32,"_160":178,"_162":248,"_163":22,"_164":-5,"_165":249,"_98":250},"b1be1b44-34f5-11f0-80c7-9e149126039e","index.tsx","b1be1c02-34f5-11f0-80c7-9e149126039e",7,["D",1747689030209],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\n// Get initial data injected by the server\ndeclare global {\n interface Window {\n __INITIAL_DATA__: {\n tutorials: any[];\n teamMembers: any[];\n };\n }\n}\n\n// Render the app\nconst root = createRoot(document.getElementById(\"app\")!);\nroot.render();",[],[204,244],[204],{"_102":253,"_95":254,"_151":255,"_153":-5,"_154":136,"_155":256,"_157":158,"_104":257,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_165":258,"_98":267},"7a7efdce-34f5-11f0-b816-9e149126039e","shared","d4268830-fe52-4343-98ae-8cbf1189f391",2,["D",1747688937519],[259],{"_102":260,"_95":261,"_151":262,"_153":255,"_154":136,"_155":256,"_157":158,"_104":263,"_99":32,"_160":178,"_162":264,"_163":22,"_164":-5,"_165":265,"_98":266},"7a7ec0a2-34f5-11f0-b816-9e149126039e","types.ts","7a7ec160-34f5-11f0-b816-9e149126039e",["D",1747688937519],"// Shared types for the crochet tutorial collection app\n\nexport interface Tutorial {\n id: number;\n title: string;\n url: string;\n description: string;\n difficulty: 'beginner' | 'intermediate' | 'advanced';\n category: string;\n materials: string;\n dateAdded: string;\n imageUrl?: string;\n}\n\nexport interface TutorialWithProgress extends Tutorial {\n status: 'not_started' | 'in_progress' | 'completed';\n assignedTo?: string;\n notes?: string;\n progress?: number; // 0-100%\n}\n\nexport interface TeamMember {\n id: number;\n name: string;\n}\n\nexport type TutorialFilter = {\n search?: string;\n difficulty?: 'beginner' | 'intermediate' | 'advanced';\n category?: string;\n status?: 'not_started' | 'in_progress' | 'completed';\n assignedTo?: string;\n};",[],[254,261],[254],{"_102":269,"_95":270,"_151":271,"_153":-5,"_154":136,"_155":272,"_157":158,"_104":273,"_99":32,"_160":238,"_162":274,"_163":22,"_164":-5,"_165":275,"_98":276},"76b120dc-34f5-11f0-8add-9e149126039e","README.md","76b1219a-34f5-11f0-8add-9e149126039e",1,["D",1747688931138],"# Crochet Tutorial Collection App\n\nA collaborative web application for collecting and sharing crochet tutorials with your team. This app allows team members to:\n\n- Browse a collection of crochet tutorials\n- Add new tutorials to the collection\n- Track progress on crochet projects\n- Filter and search for specific tutorials\n- Collaborate with team members on projects\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database queries\n│ ├── index.ts # Main API entry point\n│ └── routes/ # API routes\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application component\n│ │ ├── TutorialList.tsx # List of tutorials\n│ │ ├── TutorialForm.tsx # Form for adding tutorials\n│ │ └── TutorialCard.tsx # Individual tutorial display\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared type definitions\n```\n\n## Technologies Used\n\n- **Backend**: Hono (API framework), SQLite (database)\n- **Frontend**: React, TailwindCSS\n- **Shared**: TypeScript for type safety\n\n## Getting Started\n\nAccess the application at the provided URL. No login required - this is designed for team collaboration with shared access.",[],[270],"files",[148,167,173,182,192,202,209,216,224,233,242,252,259,268],"counts",{"_281":32,"_282":272,"_283":32,"_284":285},"pulls","branches","forks","envVars",{"_286":32,"_287":32},"count","emptyCount","contents",[290,293,296,299],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":156,"_157":158,"_104":291,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":292},["D",1747688956045],[150],{"_102":203,"_95":204,"_151":205,"_153":-5,"_154":136,"_155":206,"_157":158,"_104":294,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":295},["D",1747689023199],[204],{"_102":253,"_95":254,"_151":255,"_153":-5,"_154":136,"_155":256,"_157":158,"_104":297,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":298},["D",1747688937519],[254],{"_102":269,"_95":270,"_151":271,"_153":-5,"_154":136,"_155":272,"_157":158,"_104":300,"_99":32,"_160":238,"_162":274,"_163":22,"_164":-5,"_98":301},["D",1747688931138],[270],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":310,"_284":315},{"_102":103,"_95":96,"_104":311,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":312,"_130":313,"_133":314,"_145":22},["D",1747688761360],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},[],"actionData","errors"]

nancyghaly

ALX

Environment variables