├── .gitignore
├── README.md
├── components
└── meta.js
├── package-lock.json
├── package.json
├── pages
├── _app.js
├── _document.js
└── index.js
├── public
└── favicon.ico
├── vercel.json
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | /build
17 |
18 | # misc
19 | .DS_Store
20 |
21 | # debug
22 | npm-debug.log*
23 | yarn-debug.log*
24 | yarn-error.log*
25 |
26 | # local env files
27 | .env.local
28 | .env.development.local
29 | .env.test.local
30 | .env.production.local
31 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # 🖌 collab-hub
2 |
3 | A platform for students at GEMS to collaborate on art virtually. They can share your artwork with the entire school as well as share remixes of works done by your peers at school.
4 |
5 | Built for Arts Week 2020 using Next.js and Geist UI.
6 |
--------------------------------------------------------------------------------
/components/meta.js:
--------------------------------------------------------------------------------
1 | import Head from "next/head";
2 |
3 | export default ({
4 | name = "Arts Week 2020",
5 | title = "Collaboration Hub",
6 | description = `Pulled apart by COVID-19, let's come together to collaborate on art virtually.
7 | Here you can share your artwork with the entire school
8 | as well as share remixes of works done by your peers at school.`,
9 | image = "https://cloud-8r7qf7pou.vercel.app/collaboration_hub-2.png",
10 | url = "https://collab-hub.vercel.app",
11 | }) => (
12 |
13 | {title}
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | );
29 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "create-next-app",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start"
9 | },
10 | "dependencies": {
11 | "@geist-ui/react": "^2.0.2",
12 | "@geist-ui/react-icons": "^1.0.0",
13 | "isomorphic-unfetch": "^3.0.0",
14 | "next": "9.5.3",
15 | "react": "16.13.1",
16 | "react-dom": "16.13.1",
17 | "react-masonry-component": "^6.2.1",
18 | "react-masonry-css": "^1.0.14"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
1 | import { GeistProvider, CssBaseline } from '@geist-ui/react'
2 |
3 |
4 |
5 | function MyApp({ Component, pageProps }) {
6 | return (
7 |
8 |
9 |
10 |
11 | )
12 | }
13 | export default MyApp
14 |
--------------------------------------------------------------------------------
/pages/_document.js:
--------------------------------------------------------------------------------
1 | import Document, { Html, Head, Main, NextScript } from 'next/document'
2 | import { CssBaseline } from '@geist-ui/react'
3 |
4 | class MyDocument extends Document {
5 | static async getInitialProps(ctx) {
6 | const initialProps = await Document.getInitialProps(ctx)
7 | const styles = CssBaseline.flush()
8 |
9 | return {
10 | ...initialProps,
11 | styles: (
12 | <>
13 | {initialProps.styles}
14 | {styles}
15 |
16 | ),
17 | }
18 | }
19 |
20 | render() {
21 | return (
22 |
23 |
24 |