\n AI & Africa Writing Project\n

\n Empowering African Creativity through Artificial Intelligence\n

\n \n \n );\n}\n\n// About Page Component\nfunction AboutPage() {\n return (\n \n

About the AI & Africa Writing Project

\n The AI & Africa Writing Project is a storytelling initiative dedicated to exploring the intersection of\n artificial intelligence and African creativity. Through essays, articles, and discussions, this project sheds\n light on how AI is reshaping storytelling, creative writing, and digital content creation across the continent.\n

\n I'm Rose Akweley Elikplim Nyanyo-Nmai, a writer, poet, and AI advocate. My journey began with a passion for\n storytelling and evolved into a mission to integrate AI into Africa's creative ecosystem. This project is my way\n of advocating for AI-powered storytelling while addressing the biases that exclude African narratives from\n AI-generated content.\n

\n The goal of this platform is to raise awareness, provide insights, and push for investment in AI-driven\n creativity tailored to African languages, cultures, and perspectives.\n

\n \n );\n}\n// Investor Page Component\nfunction InvestorPage() {\n const [aiInsights, setAiInsights] = useState(\"Loading insights about AI investment in Africa's creative economy...\");\n\n useEffect(() => {\n async function fetchAIInsights() {\n try {\n const response = await fetch(\"/ai-insights\");\n const data = await response.text();\n setAiInsights(data);\n } catch (error) {\n setAiInsights(\"Unable to load AI insights. Please check back later.\");\n console.error(\"Failed to fetch AI insights:\", error);\n }\n }\n fetchAIInsights();\n }, []);\n\n return (\n \n

Invest in African AI Creativity

{aiInsights}

\n \n );\n}\n\n// Case Studies Page Component\nfunction CaseStudiesPage() {\n return (\n \n

Creative AI Case Studies

\n Exploring real-world examples of African creatives leveraging AI to transform storytelling, overcome challenges,\n and create innovative narratives.\n

\n \n );\n}\n\n// Blog Page Component\nfunction BlogPage() {\n return (\n \n

AI & Storytelling Insights

\n A curated collection of articles exploring AI bias, storytelling innovations, and the evolving landscape of AI\n in African creative industries.\n

\n \n );\n}\n\n// Get Involved Page Component\nfunction GetInvolvedPage() {\n return (\n \n

Join Our Mission

\n We invite investors, AI companies, and creatives to collaborate and support the transformation of African\n storytelling through technology.\n

\n \n );\n}\n\n// Contact Page Component\nfunction ContactPage() {\n const [name, setName] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [message, setMessage] = useState(\"\");\n const [submitStatus, setSubmitStatus] = useState(\"\");\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setSubmitStatus(\"Sending...\");\n\n try {\n const response = await fetch(\"/send-contact\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ name, email, message }),\n });\n\n if (response.ok) {\n setSubmitStatus(\"Message sent successfully!\");\n // Reset form\n setName(\"\");\n setEmail(\"\");\n setMessage(\"\");\n } else {\n setSubmitStatus(\"Failed to send message. Please try again.\");\n }\n } catch (error) {\n console.error(\"Submission error:\", error);\n setSubmitStatus(\"An error occurred. Please try again.\");\n }\n };\n\n return (\n \n

Connect With Us

\n \n setName(e.target.value)}\n required\n style={{ margin: \"10px 0\", padding: \"10px\" }}\n />\n setEmail(e.target.value)}\n required\n style={{ margin: \"10px 0\", padding: \"10px\" }}\n />\n setMessage(e.target.value)}\n required\n style={{ margin: \"10px 0\", padding: \"10px\", height: \"100px\" }}\n />\n \n Send Message\n \n {submitStatus && (\n \n {submitStatus}\n

\n )}\n \n \n );\n}\n\n// Main App Component\nfunction App() {\n const [currentPage, setCurrentPage] = useState(\"home\");\n\n const renderPage = () => {\n switch (currentPage) {\n case \"home\":\n return ;\n case \"about\":\n return ;\n case \"investors\":\n return ;\n case \"casestudies\":\n return ;\n case \"blog\":\n return ;\n case \"getinvolved\":\n return ;\n case \"contact\":\n return ;\n default:\n return ;\n }\n };\n\n return (\n \n \n {renderPage()}\n \n © 2024 AI & Africa Writing Project\n

\n LinkedIn\n Medium\n

\n \n \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 AI insights generation endpoint\n if (new URL(request.url).pathname === \"/ai-insights\") {\n try {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n const completion = await openai.chat.completions.create({\n messages: [{\n role: \"user\",\n content:\n \"Generate a compelling 3-paragraph overview of AI investment opportunities in Africa's creative economy\",\n }],\n model: \"gpt-4o-mini\",\n max_tokens: 300,\n });\n\n return new Response(\n completion.choices[0].message.content || \"No insights available.\",\n { headers: { \"content-type\": \"text/plain\" } },\n );\n } catch (error) {\n return new Response(\"Error generating AI insights\", { status: 500 });\n }\n }\n\n // Handle contact form submission\n if (new URL(request.url).pathname === \"/send-contact\") {\n if (request.method === \"POST\") {\n try {\n const { name, email, message } = await request.json();\n\n // Dynamically import email library\n const { email: sendEmail } = await import(\"https://esm.town/v/std/email\");\n\n // Send email using dynamically imported email library\n await sendEmail({\n to: \"miss.rnmai@gmail.com\",\n subject: `New Contact from AI & Africa Writing Project - ${name}`,\n text: `\n Name: ${name}\n Email: ${email}\n\n Message:\n ${message}\n `,\n html: `\n

New Contact Submission

Name: ${name}

Email: ${email}

Message:

${message}

\n `,\n });\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Email sending error:\", error);\n return new Response(JSON.stringify({ success: false, error: \"Failed to send email\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n }\n\n // Main page rendering\n return new Response(\n `\n \n \n AI & Africa Writing Project\n \n \n \n \n \n

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