├── .eslintrc.json
├── public
├── favicon.ico
├── marina1.jpg
├── marina2.jpg
├── marina3.jpg
└── vercel.svg
├── postcss.config.js
├── next.config.js
├── pages
├── api
│ └── hello.js
├── _app.js
└── index.js
├── tailwind.config.js
├── styles
└── globals.css
├── .gitignore
├── package.json
├── components
├── Random Button
│ └── index.js
├── Commented Image
│ └── index.js
├── Toggled Image
│ └── index.js
└── Corny Question
│ └── index.js
├── README.md
└── yarn.lock
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals"
3 | }
4 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ouckah/promposal/HEAD/public/favicon.ico
--------------------------------------------------------------------------------
/public/marina1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ouckah/promposal/HEAD/public/marina1.jpg
--------------------------------------------------------------------------------
/public/marina2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ouckah/promposal/HEAD/public/marina2.jpg
--------------------------------------------------------------------------------
/public/marina3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ouckah/promposal/HEAD/public/marina3.jpg
--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | tailwindcss: {},
4 | autoprefixer: {},
5 | },
6 | }
7 |
--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {
3 | reactStrictMode: true,
4 | swcMinify: true,
5 | }
6 |
7 | module.exports = nextConfig
8 |
--------------------------------------------------------------------------------
/pages/api/hello.js:
--------------------------------------------------------------------------------
1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2 |
3 | export default function handler(req, res) {
4 | res.status(200).json({ name: 'John Doe' })
5 | }
6 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports =
3 | {
4 | content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
5 | theme: {
6 | extend: {},
7 | },
8 | plugins: [],
9 | }
10 |
11 |
--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
1 | import '../styles/globals.css'
2 | import 'tailwindcss/tailwind.css'
3 | import { ChakraProvider } from '@chakra-ui/react'
4 |
5 | function MyApp({ Component, pageProps }) {
6 |
7 | return (
8 |
9 |
11 | )
12 | }
13 |
14 | export default MyApp
15 |
--------------------------------------------------------------------------------
/styles/globals.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | padding: 0;
4 | margin: 0;
5 | font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
6 | Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
7 | }
8 |
9 | a {
10 | color: inherit;
11 | text-decoration: none;
12 | }
13 |
14 | * {
15 | box-sizing: border-box;
16 | }
--------------------------------------------------------------------------------
/.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 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | .pnpm-debug.log*
27 |
28 | # local env files
29 | .env*.local
30 |
31 | # vercel
32 | .vercel
33 |
34 | # typescript
35 | *.tsbuildinfo
36 | next-env.d.ts
37 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "promposal",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@chakra-ui/react": "^2.5.5",
13 | "@emotion/react": "^11.10.6",
14 | "@emotion/styled": "^11.10.6",
15 | "framer-motion": "^10.12.2",
16 | "next": "13.3.0",
17 | "react": "18.2.0",
18 | "react-dom": "18.2.0"
19 | },
20 | "devDependencies": {
21 | "autoprefixer": "^10.4.14",
22 | "eslint": "8.38.0",
23 | "eslint-config-next": "13.3.0",
24 | "postcss": "^8.4.21",
25 | "tailwindcss": "^3.3.1"
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/components/Random Button/index.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from "react";
2 |
3 | const RandomButton = ({ text, minHeight, maxHeight}) =>
4 | {
5 | const [position, setPosition] = useState({});
6 |
7 | const handleClick = () =>
8 | {
9 | const maxWidth = window.innerWidth - 100;
10 | const x = Math.floor(Math.random() * maxWidth);
11 | const y = Math.floor((Math.random() * ({ maxHeight } - { minHeight })) + { minHeight });
12 | setPosition({ top: y, left: x });
13 | };
14 |
15 | return (
16 |
21 | { text }
22 |
23 | );
24 | };
25 |
26 | export default RandomButton;
--------------------------------------------------------------------------------
/components/Commented Image/index.js:
--------------------------------------------------------------------------------
1 | import Image from 'next/image'
2 | import { Collapse, useDisclosure } from '@chakra-ui/react'
3 |
4 | const CommentedImage = ({ src, text }) =>
5 | {
6 | const { isOpen, onToggle } = useDisclosure()
7 |
8 | return (
9 | <>
10 |
11 |
12 |
14 | {text}
15 |
16 |
17 |
18 |
19 | )
20 | }
21 |
22 | export default CommentedImage;
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
3 |
--------------------------------------------------------------------------------
/components/Toggled Image/index.js:
--------------------------------------------------------------------------------
1 | import { useState } from 'react'
2 |
3 | const ToggledImage = ({ active, nonactive }) =>
4 | {
5 | // image source toggles
6 | const [image, setImage] = useState(false)
7 |
8 | const handleOnHover = (setState) =>
9 | {
10 | setState(prevMode => !prevMode)
11 | }
12 |
13 | return (
14 | <>
15 |
16 |
17 | {
18 | image ?
19 |
13 |
{ question }
18 |
19 |
20 | :
21 |
22 |
26 |
{ question }
31 |
32 | }
33 |
34 |
35 | )
36 | }
37 |
38 | export default CornyQuestion;
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2 |
3 | ## Getting Started
4 |
5 | First, run the development server:
6 |
7 | ```bash
8 | npm run dev
9 | # or
10 | yarn dev
11 | ```
12 |
13 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
14 |
15 | You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
16 |
17 | [API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
18 |
19 | The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
20 |
21 | ## Learn More
22 |
23 | To learn more about Next.js, take a look at the following resources:
24 |
25 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
26 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
27 |
28 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
29 |
30 | ## Deploy on Vercel
31 |
32 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
33 |
34 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
35 |
--------------------------------------------------------------------------------
/pages/index.js:
--------------------------------------------------------------------------------
1 | import CommentedImage from '../components/Commented Image'
2 | import CornyQuestion from '../components/Corny Question'
3 | import RandomButton from '../components/Random Button'
4 |
5 | import { useRef, useState } from 'react'
6 |
7 | import {
8 | Button,
9 | Code,
10 | useDisclosure,
11 | AlertDialog,
12 | AlertDialogBody,
13 | AlertDialogFooter,
14 | AlertDialogHeader,
15 | AlertDialogContent,
16 | AlertDialogOverlay,
17 | } from '@chakra-ui/react'
18 |
19 | export default function Home()
20 | {
21 | const { isOpen, onOpen, onClose } = useDisclosure()
22 | const cancelRef = useRef()
23 | const [confirmed, setConfirmation] = useState(false)
24 |
25 | return (
26 | <>
27 |
28 |
29 |
30 |
Hi Beautiful
31 |
32 |
35 |
39 |
40 |
41 |
So I heard...
42 |
43 |
44 |
45 |
46 |
You Need
47 |
48 |
Someone For
49 |
50 |
prom
51 |
54 |
So...
55 |
56 |
57 |
66 |
Would you
67 |
68 |
69 |
70 |
Uh
71 |
72 |
73 |
98 |
If I'm C would you be my C++ to prom?
99 |
100 |
101 |
102 |
107 |
108 |
112 | YES
113 |
114 |
115 |
120 |
121 |
122 |
123 |
124 | OMG.
125 |
126 |
127 |
128 | NO WAY SHE JUST SAID YES?
129 |
130 |
131 |
132 |
137 | {
138 | onClose();
139 | setConfirmation(true);
140 | }
141 | }
142 | >
143 | Confirm
144 |
145 |
146 |
147 |
148 |
149 |
150 |
155 |
Prom Confirmation Ticket / Review
156 |
157 |
158 |
159 | Thank You For Your Confirmation!
160 |
161 |
162 | Name of Partner
163 |
164 |
165 | Aidan Ouckama
166 |
167 |
168 | Location
169 |
170 |
171 | Grove by the River, Newark
172 |
173 |
174 | Time
175 |
176 |
177 | 9:00 PM - 11:00 PM
178 |
179 |
180 | Events
181 |
182 |
183 | • Dinner • Photos • Prom • Post-Prom •
184 |
185 |
186 |
187 |
48 | 
158 |