- {/* click left button */}
-
-
- {/* a carousel with 5 cards, styling included */}
-
- )
-
- /* creating a carousel element using mantine ui */
- return (
- /* create a new carousel object with the given design components */
-
-
-
- {/* click right button */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/*
- 
-
-
-
- */}
- {/*
- Slide 1
- Slide 2
- Slide 3
- Slide 4
- */}
-
-
-
- );
-
- - 2 -
-- 3 -
-- 3 -
-- 3 -
-- 3 -
-- 4 -
-
- - 5 -
-
-
-
-}
-
-/* export the carousel object */
-export default ImpactCarousel;
diff --git a/client/src/components/ImpactCarousel/carousel.css b/client/src/components/ImpactCarousel/carousel.css
deleted file mode 100644
index 5ef858f..0000000
--- a/client/src/components/ImpactCarousel/carousel.css
+++ /dev/null
@@ -1,16 +0,0 @@
-/* body {
- background-color: hsl(var(--b1) / var(--tw-bg-opacity));
- color: hsl(var(--pc));
-} */
-
-.card-wrapper {
- /* position: absolute; */
- grid-row-start: 1;
- grid-column-start: 1;
- transition: all 0.75s ease, opacity 0.5s ease;
-}
-
-.btn {
- margin-left: 50px;
- margin-right: 50px;
-}
\ No newline at end of file
diff --git a/client/src/components/NavbarComp.tsx b/client/src/components/NavbarComp.tsx
deleted file mode 100644
index fcfb633..0000000
--- a/client/src/components/NavbarComp.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import whitelogo from "../assets/whitelogo.png";
-import blacklogo from "../assets/blacklogo.png";
-
-function NavBarComp() {
- // let image = require("client/src/assets/uwgh-logo-black-transparent-bg.png");
- return (
- <>
-
-
- );
-}
-
-export default NavBarComp;
diff --git a/client/src/index.css b/client/src/index.css
deleted file mode 100644
index b5c61c9..0000000
--- a/client/src/index.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/client/src/main.tsx b/client/src/main.tsx
deleted file mode 100644
index d10f404..0000000
--- a/client/src/main.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App.tsx";
-import "./index.css";
-
-import { BrowserRouter } from "react-router-dom";
-
-ReactDOM.createRoot(document.getElementById("root")!).render(
-
-
-
-
- );
-}
-
-export default Donation;
diff --git a/client/src/pages/Home/Home.tsx b/client/src/pages/Home/Home.tsx
deleted file mode 100644
index ed482d2..0000000
--- a/client/src/pages/Home/Home.tsx
+++ /dev/null
@@ -1,233 +0,0 @@
-import React, { useState } from "react";
-import { useNavigate } from "react-router-dom";
-//import Home2 from "../Home2/Home2";
-
-interface FormData {
- companyName: string;
- donationAmt: string;
-}
-
-const Home: React.FC = () => {
- //const [inputText, setInputText] = useState('');
- const [formData, setFormData] = useState
-
-
- //
-
-- Calculate Your Impact -
-
-
-
-
-
-
- //
-
- //
- //
- // - // Calculate Your Impact - //
- //
- //
- //
- //
- //
- //
- );
-};
-
-export default Home;
diff --git a/client/src/pages/ImpactCards/ImpactCards.tsx b/client/src/pages/ImpactCards/ImpactCards.tsx
deleted file mode 100644
index cf908fb..0000000
--- a/client/src/pages/ImpactCards/ImpactCards.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { CardInputs } from "./input";
-
-function ImpactCard({ imgURL, numData, unitText, descText }: CardInputs) {
- return (
- <>
-
- //
- // - // Calculate Your Impact - //
- //
- //
- //
- //
- //
-
- 
-
-
-
- );
-}
-export default ImpactCard;
diff --git a/client/src/pages/ImpactCards/input.ts b/client/src/pages/ImpactCards/input.ts
deleted file mode 100644
index 4a6f389..0000000
--- a/client/src/pages/ImpactCards/input.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-
-export type CardInputs = {
- imgURL: string;
- numData: number;
- unitText: string;
- descText: string;
- };
-
diff --git a/client/src/pages/ModalTest/ModalTest.tsx b/client/src/pages/ModalTest/ModalTest.tsx
deleted file mode 100644
index d211a82..0000000
--- a/client/src/pages/ModalTest/ModalTest.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-
-// button is yelling at me saying that the element might be null and show modal
-// doesn't exist, but it runs fine
-function ModalTest() {
- // var elem = document.getElementById('my_modal_1')!
- // var onClick = (elem).showModal()
-
- return (
-
-
-
- {Math.round(numData)} {unitText.toLowerCase()}
-{descText}
-
-
-
-
- );
- }
-
-function ResultsModal() {
- return (
-
-
-
-
- );
-}
-
-const modalFuncs = {
- ResultsModal,
- ModalTest
- }
-
- export default modalFuncs;
- // export default ResultsModal
\ No newline at end of file
diff --git a/client/src/pages/NotFound/NotFound.tsx b/client/src/pages/NotFound/NotFound.tsx
deleted file mode 100644
index 01ac396..0000000
--- a/client/src/pages/NotFound/NotFound.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-function NotFound() {
- return (
- <>
- 404 Not Found
-
- );
- }
-
- export default NotFound;
-
-
\ No newline at end of file
diff --git a/client/src/pages/PDFSave/PDFSave.tsx b/client/src/pages/PDFSave/PDFSave.tsx
deleted file mode 100644
index 96b82b9..0000000
--- a/client/src/pages/PDFSave/PDFSave.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from "react";
-import html2canvas from 'html2canvas';
-import { jsPDF } from 'jspdf';
-
-
-function PDFSave() {
- const downloadRef = React.createRef
-
-
- Proof of donation:
-
- ![]({"src/assets/United-Way-Logo.png"})
-
-
- );
- }
-
- export default PDFSave;
\ No newline at end of file
diff --git a/client/src/pages/UnitedEmployee/UploadCsv.tsx b/client/src/pages/UnitedEmployee/UploadCsv.tsx
deleted file mode 100644
index 469f65a..0000000
--- a/client/src/pages/UnitedEmployee/UploadCsv.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useState } from "react";
-import { Amplify, Storage } from "aws-amplify";
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-import awsExports from "../../aws-exports";
-Amplify.configure(awsExports);
-// import ReactS3Client from "react-aws-s3-typescript";
-// import { s3 } from "./s3Config";
-// import { UploadResponse } from "react-aws-s3-typescript/dist/types";
-
-const UploadCsv = () => {
- const [selectedFile, setSelectedFile] = useStateThank you for donating!
-
- This text will be slightly cut off for some reason :/
-
-
- );
-};
-
-export default UploadCsv;
diff --git a/client/src/pages/UnitedEmployee/s3Config.ts b/client/src/pages/UnitedEmployee/s3Config.ts
deleted file mode 100644
index 5404ade..0000000
--- a/client/src/pages/UnitedEmployee/s3Config.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// import AWS from "aws-sdk";
-
-// AWS.config.update({
-// accessKeyId: import.meta.env.VITE_accessKeyId,
-// secretAccessKey: import.meta.env.VITE_secretAccessKey,
-// region: import.meta.env.VITE_region,
-// });
-
-// const s3 = new AWS.S3();
-
-// export { s3 };
-
-// // const s3Config = {
-// // bucketName: import.meta.env.VITE_bucketName,
-// // region: ,
-// // accessKeyId: ,
-// // secretAccessKey: ,
-// // };
-
-// // export default s3Config;
diff --git a/client/src/vite-env.d.ts b/client/src/vite-env.d.ts
deleted file mode 100644
index 11f02fe..0000000
--- a/client/src/vite-env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// Please upload your new data here
-
- {selectedFile && (
-
- )}
-
+
+
+ )
+}
+
+export default NavBarComp
diff --git a/src/app/donations/ImpactCards.tsx b/src/app/donations/ImpactCards.tsx
new file mode 100644
index 0000000..859a5f1
--- /dev/null
+++ b/src/app/donations/ImpactCards.tsx
@@ -0,0 +1,33 @@
+import Image from "next/image"
+
+type CardInputs = {
+ imgURL: string
+ numData: number
+ unitText: string
+ descText: string
+}
+
+function ImpactCard({ imgURL, numData, unitText, descText }: CardInputs) {
+ return (
+ <>
+
+
+ United Way Impact Calculator
+ {" "}
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+export default ImpactCard
diff --git a/src/app/donations/ImpactCarousel.tsx b/src/app/donations/ImpactCarousel.tsx
new file mode 100644
index 0000000..cd4e81e
--- /dev/null
+++ b/src/app/donations/ImpactCarousel.tsx
@@ -0,0 +1,222 @@
+import { useRef, useEffect } from "react"
+import ImpactCards from "./ImpactCards"
+
+interface MyData {
+ dollarsRaised: number
+ stability: number
+ development: number
+ healthcare: number
+ escape: number
+ basicNeeds: number
+ totalPeople: number
+}
+
+function ImpactCarousel({
+ dollarsRaised,
+ stability,
+ development,
+ healthcare,
+ escape,
+ basicNeeds,
+ totalPeople,
+}: MyData) {
+ const carouselRef = useRef
+
+ + {Math.round(numData)} {unitText.toLowerCase()} +
+{descText}
+
+ {/* click left button */}
+
+
+ {/* a carousel with 5 cards, styling included */}
+
+ )
+}
+
+/* export the carousel object */
+export default ImpactCarousel
diff --git a/src/app/donations/PDFSave.tsx b/src/app/donations/PDFSave.tsx
new file mode 100644
index 0000000..73d3ff2
--- /dev/null
+++ b/src/app/donations/PDFSave.tsx
@@ -0,0 +1,64 @@
+import React from "react"
+import html2canvas from "html2canvas"
+import { jsPDF } from "jspdf"
+import Image from "next/image"
+
+function PDFSave() {
+ const downloadRef = React.createRef
+ {carouselData.map((data, index) => (
+
+
+ {/* click right button */}
+
+
+
+ ))}
+
+
+
+ Proof of donation:
+
+
+
+ )
+}
+
+export default PDFSave
diff --git a/src/app/donations/page.tsx b/src/app/donations/page.tsx
new file mode 100644
index 0000000..5f918e7
--- /dev/null
+++ b/src/app/donations/page.tsx
@@ -0,0 +1,120 @@
+"use client"
+
+import { jsPDF } from "jspdf"
+import { useSearchParams } from "next/navigation"
+import html2canvas from "html2canvas"
+import Image from "next/image"
+import ImpactCarousel from "./ImpactCarousel"
+import React, { useState } from "react"
+
+function Donation() {
+ const searchParams = useSearchParams()
+ const companyName = searchParams.get("name")
+ const amount = searchParams.get("amount")
+
+ // make sure dollarRaised is a number
+ if (amount === null) {
+ throw new Error("dollarsRaised is null")
+ }
+ const dollarsRaised = parseFloat(amount)
+
+ // dummy proportions
+ const proportionsMap: { [key: string]: number } = {
+ stability: 0.3,
+ development: 0.5,
+ healthcare: 0.2,
+ escape: 0.1,
+ basicNeeds: 0.1,
+ totalPeople: 0.4,
+ }
+
+ const downloadRef = React.createRefThank you for donating!
+ This text will be slightly cut off for some reason :/
+
+
+ {label}
+
+
+ made possible last year
+
+
+ Based on campaign results of{" "}
+
+ ${dollarsRaised}
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Donation
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/src/app/favicon.ico differ
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..39a9271
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer utilities {
+ .text-balance {
+ text-wrap: balance;
+ }
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..597e3f8
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,28 @@
+import type { Metadata } from "next"
+import { Inter } from "next/font/google"
+import "./globals.css"
+import NavBarComp from "./NavbarComp"
+import Footer from "./Footer"
+
+const inter = Inter({ subsets: ["latin"] })
+
+export const metadata: Metadata = {
+ title: "Create Next App",
+ description: "Generated by create next app",
+}
+
+export default function RootLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode
+}>) {
+ return (
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..5a322ef
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,107 @@
+"use client"
+
+import React, { useState } from "react"
+import Link from "next/link"
+
+interface FormData {
+ companyName: string
+ donationAmt: string
+}
+
+const Home: React.FC = () => {
+ const [formData, setFormData] = useStateNot Found
+Could not find requested resource
+ Return Home +
+
+
+ )
+}
+
+export default Home
diff --git a/client/tailwind.config.js b/tailwind.config.ts
similarity index 53%
rename from client/tailwind.config.js
rename to tailwind.config.ts
index d4f5f91..bd277bf 100644
--- a/client/tailwind.config.js
+++ b/tailwind.config.ts
@@ -1,17 +1,17 @@
-/** @type {import('tailwindcss').Config} */
-export default {
- content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+import type { Config } from "tailwindcss";
+const config: Config = {
+ content: [
+ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+ "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+ ],
theme: {
extend: {
- // can add or overridee styles here
- colors: {
- 'blue': '#015191',
- 'purple': '#804B67',
- 'red': '#EF4643',
- 'yellow': '#FFB351',
- 'orange':'#FF7C45'
-
+ backgroundImage: {
+ "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+ "gradient-conic":
+ "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
scale: {
'80': '0.8',
@@ -24,7 +24,15 @@ export default {
'translate': {
'30': '7.5rem',
},
-
+ // can add or overridee styles here
+ colors: {
+ 'blue': '#015191',
+ 'purple': '#804B67',
+ 'red': '#EF4643',
+ 'yellow': '#FFB351',
+ 'orange':'#FF7C45'
+
+ }
},
},
daisyui: {
@@ -32,3 +40,4 @@ export default {
},
plugins: [require("daisyui")],
};
+export default config;
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..7b28589
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,26 @@
+{
+ "compilerOptions": {
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "bundler",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ],
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+ "exclude": ["node_modules"]
+}
+
+ + Calculate Your Impact +
+
+
+
+
+
+