Open source banner

Signed-off-by: Mihovil Ilakovac <mihovil@ilakovac.com>
infomiho · Mar 29, 2023 · a3b8588 · a3b8588
1 parent 2f47adb
commit a3b8588
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -2,6 +2,14 @@
 
 Hello there 👋
 
+Welcome to the source code of [SocialPostGPT.xyz](https://socialpostgpt.xyz).
+
+We are using:
+- [Wasp](https://wasp-lang.dev) as our full-stack framework
+- [OpenAI](https://openai.com)'s ChatGPT
+- [Unsplash](https://unsplash.com) and [Pexels](https://pexels.com) for stock photos
+
+
 Here's a quick overview of how things work:
 
 ![shapes](https://user-images.githubusercontent.com/2223680/228483785-61cca62a-9161-4c9c-a751-9e7f44645b1a.png)

diff --git a/env.example b/env.example
@@ -0,0 +1,8 @@
+UNSPLASH_ACCESS_KEY=
+UNSPLASH_SECRET_KEY=
+
+PEXELS_API_KEY=
+
+OPENAI_API_KEY=
+
+DATABASE_URL=
diff --git a/src/client/App.tsx b/src/client/App.tsx
@@ -3,14 +3,16 @@ import {
   Container,
   Heading,
   Link,
-  HStack,
   Box,
   VStack,
   Text,
+  Icon,
+  Flex,
 } from "@chakra-ui/react";
 import { Link as RouterLink } from "react-router-dom";
 import "@fontsource/inter/400.css";
 import "@fontsource/inter/900.css";
+import { AiFillGithub } from "react-icons/ai";
 
 import { useQuery } from "@wasp/queries";
 import getNumberOfResults from "@wasp/queries/getNumberOfResults";
@@ -25,13 +27,26 @@ export function App({ children }: { children: JSX.Element }) {
     <ChakraProvider theme={theme}>
       <Container py={8} px={4} maxW="container.md">
         <VStack gap={4}>
-          <Box mt={8}>
-            <Heading
-              fontWeight="black"
-              color="brand.700"
-              textAlign="center"
+          <Box mt={6} textAlign="center">
+            <Text
+              fontSize="xs"
               mb={2}
+              display="inline-flex"
+              alignItems="center"
+              gap={1}
             >
+              Check out the source code on
+              <Link
+                href="https://github.com/infomiho/socialpostgpt"
+                target="_blank"
+                display="inline-flex"
+                alignItems="center"
+                gap={1}
+              >
+                <Icon as={AiFillGithub} /> GitHub
+              </Link>
+            </Text>
+            <Heading fontWeight="black" color="brand.700" mb={2}>
               <Link as={RouterLink} to="/">
                 SocialPostGPT
               </Link>