🎲 MicroSaaS Idea Roulette 💡

\n 🎡\n

\n \n

{idea}

\n \n View Source\n \n

\n );\n}\n\nconst styles = {\n container: {\n fontFamily: 'Arial, sans-serif',\n maxWidth: '600px',\n margin: '0 auto',\n textAlign: 'center',\n padding: '20px',\n backgroundColor: '#f0f4f8',\n borderRadius: '10px',\n },\n title: {\n color: '#2c3e50',\n marginBottom: '20px',\n },\n wheel: {\n fontSize: '100px',\n cursor: 'pointer',\n transition: 'transform 1s',\n },\n button: {\n backgroundColor: '#3498db',\n color: 'white',\n border: 'none',\n padding: '10px 20px',\n borderRadius: '5px',\n cursor: 'pointer',\n margin: '20px 0',\n },\n ideaBox: {\n backgroundColor: 'white',\n border: '1px solid #ddd',\n borderRadius: '5px',\n padding: '15px',\n minHeight: '200px',\n },\n idea: {\n whiteSpace: 'pre-wrap',\n textAlign: 'left',\n },\n sourceLink: {\n color: '#7f8c8d',\n textDecoration: 'none',\n fontSize: '12px',\n marginTop: '10px',\n display: 'block',\n }\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n // Handle idea generation endpoint\n if (new URL(request.url).pathname === '/generate-idea') {\n try {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n const completion = await openai.chat.completions.create({\n messages: [\n { \n role: \"system\", \n content: `You are a creative startup idea generator. Generate a unique, actionable microSaaS idea that solves a specific problem. \n \n Provide the idea in this format:\n - Name: [Catchy Product Name]\n - Problem: [Specific pain point]\n - Solution: [How your microSaaS solves it]\n - Target Market: [Ideal customer segment]\n - Unique Angle: [What makes this different]` \n },\n { \n role: \"user\", \n content: \"Generate an innovative microSaaS idea that could potentially be built and launched quickly\" \n }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 300,\n });\n\n return new Response(JSON.stringify({\n idea: completion.choices[0].message.content || \"No idea generated\"\n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ \n error: error.message \n }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // Render main page\n return new Response(`\n \n \n MicroSaaS Idea Roulette\n \n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/heltonteixeira/MicroSaasIdeaRoulette/code/main.tsx","extension","actionData","errors"]