From e5cffa228e43cb15c7f72502974bd3c794eb75e0 Mon Sep 17 00:00:00 2001
From: vincanger <70215737+vincanger@users.noreply.github.com>
Date: Fri, 2 Dec 2022 12:28:26 +0100
Subject: [PATCH] add hackathon example
---
examples/hackathon/.gitignore | 6 +
examples/hackathon/.wasproot | 1 +
examples/hackathon/README.md | 11 +
examples/hackathon/main.wasp | 40 +++
examples/hackathon/postcss.config.js | 8 +
examples/hackathon/src/.waspignore | 3 +
examples/hackathon/src/client/Main.css | 117 +++++++
examples/hackathon/src/client/MainPage.tsx | 27 ++
.../hackathon/src/client/betathonLogo.png | Bin 0 -> 110257 bytes
.../src/client/components/Navbar.tsx | 177 +++++++++++
.../src/client/components/Projects.tsx | 67 ++++
.../src/client/components/SubmissionForm.tsx | 285 ++++++++++++++++++
.../hackathon/src/client/react-app-env.d.ts | 60 ++++
examples/hackathon/src/client/tsconfig.json | 39 +++
examples/hackathon/src/client/waspLogo.png | Bin 0 -> 25293 bytes
examples/hackathon/src/server/actions.js | 8 +
examples/hackathon/src/server/queries.js | 11 +
examples/hackathon/src/server/tsconfig.json | 32 ++
examples/hackathon/src/shared/tsconfig.json | 28 ++
examples/hackathon/tailwind.config.js | 19 ++
20 files changed, 939 insertions(+)
create mode 100644 examples/hackathon/.gitignore
create mode 100644 examples/hackathon/.wasproot
create mode 100644 examples/hackathon/README.md
create mode 100644 examples/hackathon/main.wasp
create mode 100644 examples/hackathon/postcss.config.js
create mode 100644 examples/hackathon/src/.waspignore
create mode 100644 examples/hackathon/src/client/Main.css
create mode 100644 examples/hackathon/src/client/MainPage.tsx
create mode 100644 examples/hackathon/src/client/betathonLogo.png
create mode 100644 examples/hackathon/src/client/components/Navbar.tsx
create mode 100644 examples/hackathon/src/client/components/Projects.tsx
create mode 100644 examples/hackathon/src/client/components/SubmissionForm.tsx
create mode 100644 examples/hackathon/src/client/react-app-env.d.ts
create mode 100644 examples/hackathon/src/client/tsconfig.json
create mode 100644 examples/hackathon/src/client/waspLogo.png
create mode 100644 examples/hackathon/src/server/actions.js
create mode 100644 examples/hackathon/src/server/queries.js
create mode 100644 examples/hackathon/src/server/tsconfig.json
create mode 100644 examples/hackathon/src/shared/tsconfig.json
create mode 100644 examples/hackathon/tailwind.config.js
diff --git a/examples/hackathon/.gitignore b/examples/hackathon/.gitignore
new file mode 100644
index 000000000..0078ed5b5
--- /dev/null
+++ b/examples/hackathon/.gitignore
@@ -0,0 +1,6 @@
+/.wasp/
+/.env.server
+/.env.client
+
+# Local Netlify folder
+.netlify
diff --git a/examples/hackathon/.wasproot b/examples/hackathon/.wasproot
new file mode 100644
index 000000000..ca2cfdb48
--- /dev/null
+++ b/examples/hackathon/.wasproot
@@ -0,0 +1 @@
+File marking the root of Wasp project.
diff --git a/examples/hackathon/README.md b/examples/hackathon/README.md
new file mode 100644
index 000000000..387ea7a72
--- /dev/null
+++ b/examples/hackathon/README.md
@@ -0,0 +1,11 @@
+
+ 
+
+
+# 🐝🚀 Wasp Hackathon Submission App
+
+This app was created for Wasp's Beta Hackathon (aka Betathon), so that participants would have a central place to learn about the hackathon and submit their projects. The app was deployed to Railway.app and is live [here](https://betathon-production.up.railway.app/).
+
+Visit the homepage to get started with [Wasp](https://wasp-lang.dev).
+
+Feel free to use this as a template for your own Hackathons!
\ No newline at end of file
diff --git a/examples/hackathon/main.wasp b/examples/hackathon/main.wasp
new file mode 100644
index 000000000..4febaf476
--- /dev/null
+++ b/examples/hackathon/main.wasp
@@ -0,0 +1,40 @@
+app hackathonBetaSubmissions {
+ wasp: {
+ version: "^0.7.0"
+ },
+ db: {
+ system: PostgreSQL
+ },
+ title: "hackathon-beta-submissions",
+ dependencies: [
+ ("react-feather", "2.0.10"),
+ ]
+}
+
+entity Submission {=psl
+ name String @id @unique
+ email String @unique
+ github String
+ description String
+ twitter String?
+ country String?
+ website String?
+ image String?
+ approved Boolean @default(false)
+ createdAt DateTime @default(now())
+psl=}
+
+route RootRoute { path: "/", to: MainPage }
+page MainPage {
+ component: import Main from "@client/MainPage"
+}
+
+action submitProject {
+ fn: import { submitProject } from "@server/actions.js",
+ entities: [Submission]
+}
+
+query getProjects {
+ fn: import { getProjects } from "@server/queries.js",
+ entities: [Submission]
+}
\ No newline at end of file
diff --git a/examples/hackathon/postcss.config.js b/examples/hackathon/postcss.config.js
new file mode 100644
index 000000000..2e82a460b
--- /dev/null
+++ b/examples/hackathon/postcss.config.js
@@ -0,0 +1,8 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {
+ config: './tailwind.config.js',
+ },
+ autoprefixer: {},
+ },
+};
diff --git a/examples/hackathon/src/.waspignore b/examples/hackathon/src/.waspignore
new file mode 100644
index 000000000..1c432f30d
--- /dev/null
+++ b/examples/hackathon/src/.waspignore
@@ -0,0 +1,3 @@
+# Ignore editor tmp files
+**/*~
+**/#*#
diff --git a/examples/hackathon/src/client/Main.css b/examples/hackathon/src/client/Main.css
new file mode 100644
index 000000000..507258902
--- /dev/null
+++ b/examples/hackathon/src/client/Main.css
@@ -0,0 +1,117 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ box-sizing: border-box;
+
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+}
+
+html {
+ font-family: Inter;
+ background-color: #f5f5f5;
+}
+
+main {
+ padding: 4rem 0;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+main p {
+ font-size: 1.2rem;
+}
+
+.logo {
+ margin-bottom: 2rem;
+}
+
+.logo img {
+ max-height: 200px;
+}
+
+.welcome-title {
+ font-weight: 500;
+}
+
+.welcome-subtitle {
+ font-weight: 400;
+ margin-bottom: 3rem;
+}
+
+.buttons {
+ display: flex;
+ flex-direction: row;
+}
+
+.buttons .button:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+.button {
+ border-radius: 3px;
+ font-size: 1.2rem;
+ padding: 1rem 2rem;
+ text-align: center;
+ font-weight: 700;
+ text-decoration: none;
+}
+
+.button-filled {
+ border: 2px solid #bf9900;
+ background-color: #bf9900;
+ color: #f4f4f4;
+}
+
+.button-outline {
+ border: 2px solid #8a9cff;
+ color: #8a9cff;
+ background-color: none;
+}
+
+code {
+ border-radius: 5px;
+ padding: 0.2rem;
+ background: #efefef;
+ font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+ Bitstream Vera Sans Mono, Courier New, monospace;
+}
+
+.submit {
+ font-size: 1rem;
+ /* background-color: #f4e8b3; */
+ /* color: #eab308; */
+ font-weight: 600;
+ /* background-image:
+ linear-gradient(90deg, #bf9900 30%, #121212 100%);
+ background-clip: text;
+ color: transparent; */
+}
+
+.submit:hover {
+ background-color: #fcf3d0;
+
+}
+
+.gradient-text {
+ background-image:
+ linear-gradient(90deg, #bf9900 30%, #646464 100%);
+ background-clip: text;
+ color: transparent;
+}
+
+:focus {
+ outline: 1px solid #bf9900;
+}
\ No newline at end of file
diff --git a/examples/hackathon/src/client/MainPage.tsx b/examples/hackathon/src/client/MainPage.tsx
new file mode 100644
index 000000000..a7761ad91
--- /dev/null
+++ b/examples/hackathon/src/client/MainPage.tsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import betathonLogo from './betathonLogo.png';
+import './Main.css';
+import Nav from './components/Navbar';
+import Form from './components/SubmissionForm';
+import Projects from './components/Projects';
+
+const MainPage = () => {
+ return (
+
+
+
+ 
+
+
+
+
+