# Project export: Shamefully This document was generated by HackStack to give an AI agent context about a hackathon project. Sections are labeled with their provenance; content marked as truncated was cut to keep this document small. ## Project metadata - Hackathon: TreeHacks 2024 - Tagline: The social network for accountability the social way - Devpost: https://devpost.com/software/shamefully-e1l5qf - GitHub: https://github.com/Dario-Soatto/shamefully - Demo: http://shameful.ly/ - Team: 1 GitHub contributor(s) — Obinna Akahara (14 commits) ## Devpost submission (written by the team) ### Inspiration Nearly everyone struggles with getting their goals accomplished: we set aspirations that will propel us forward but almost inevitably fall short—we lose motivation, habits die, and our goals die with them. Some existing applications help users accomplish their goals by creating stakes for if they fail, but no existing product leverages the most powerful motivator: shame. We hope to help people help themselves and get sh*t done through shaming mechanisms. ### What it does Tell Shamefully what you want to do, when you want to do it, and who will keep you accountable. If you fail to upload evidence that you've done what you set out to do, Shamefully will call your friends, tell them you've failed, and encourage them to shame you. In addition, we've built an AI coach that helps motivate you to achieve your goals when you hit setbacks. ### How we built it We split up into 2 teams and worked on the website and mobile app. The website was build with NextJS, and AWS Amplify and a couple UI libraries. Our goal was to build something pretty, and fast. The mobile app was built using flutter and firebase. The goal here was to get a prototype out as soon as possible so that we could test it. For our AI stack, we used a combination of GPT Vision and a new Voice AI service called Bland.ai that allowed us to make phone calls and have audio conversations with LLMs. ### Challenges we ran into We had a myriad of challenges, from our initial prototype not working, to one of our teammates needing to go to urgent care. On the technical side, we mainly ran into issues with the voice API and text messaging. We found out that you need 3+ business days to get a legally registered phone number to send texts with. That led us to change our plans and modify the product (which led us to the Voice API) Halfway through the hackathon, one of our teammates found himself in need of urgent care. We had to drive around Palo Alto looking for any urgent care facility that was open and accepting patients. It took a 30 min drive to find one! We had a bunch more challenges, but it was all part of the fun. ### Accomplishments we're proud of We're all strangers on the team. We all literally met on Friday, yet somehow came together to pull off something magical. The grit and determination that I saw reminded me of why I love hacking. We also built an entire mobile app, and entire website and API in 24 hours! And the best part is that product is fun to use (we're a tad bit biased) ### What we learned We learned not to sleep at 6:00 AM ### What's next Talk to users, and see if they want it. It would be nice to keep working on this and build it into a sustainable business that genuinely helps people. ## README (from the GitHub repository) 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). ## Getting Started First, run the development server: ```bash npm run dev # or yarn dev # or pnpm dev # or bun dev ``` Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. ## Learn More To learn more about Next.js, take a look at the following resources: - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! ## Deploy on Vercel 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. Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. ## Detected evidence (automated analysis) Indexed codebase: 68 recognized source files, 776 KB. - CSS (language) — detected in the code - JavaScript (language) — detected in the code - Next.js (technology) — detected in the code - React (technology) — detected in the code - Tailwind CSS (technology) — detected in the code - TypeScript (language) — detected in the code ## Codebase structure (from repository index) ### Files (99 of 99) ``` .eslintignore .eslintrc.json .gitignore .graphqlconfig.yml .vscode/settings.json amplify/.config/project-config.json amplify/backend/analytics/shamefully/parameters.json amplify/backend/analytics/shamefully/pinpoint-cloudformation-template.json amplify/backend/api/shamefully/cli-inputs.json amplify/backend/api/shamefully/parameters.json amplify/backend/api/shamefully/resolvers/README.md amplify/backend/api/shamefully/schema.graphql amplify/backend/api/shamefully/stacks/CustomResources.json amplify/backend/api/shamefully/transform.conf.json amplify/backend/auth/shamefully9197354c/cli-inputs.json amplify/backend/backend-config.json amplify/backend/function/shamefullyNewUser/amplify.state amplify/backend/function/shamefullyNewUser/custom-policies.json amplify/backend/function/shamefullyNewUser/function-parameters.json amplify/backend/function/shamefullyNewUser/shamefullyNewUser-cloudformation-template.json amplify/backend/function/shamefullyNewUser/src/event.json amplify/backend/function/shamefullyNewUser/src/index.js amplify/backend/function/shamefullyNewUser/src/package.json amplify/backend/function/shamefullyNewUser/src/ui-components/AICoachCreateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/AICoachCreateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/AICoachUpdateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/AICoachUpdateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/CheckInCreateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/CheckInCreateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/CheckInUpdateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/CheckInUpdateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/GoalCreateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/GoalCreateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/GoalUpdateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/GoalUpdateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/index.js amplify/backend/function/shamefullyNewUser/src/ui-components/ShamerCreateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/ShamerCreateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/ShamerUpdateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/ShamerUpdateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/studioTheme.js amplify/backend/function/shamefullyNewUser/src/ui-components/studioTheme.js.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/UserCreateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/UserCreateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/UserUpdateForm.d.ts amplify/backend/function/shamefullyNewUser/src/ui-components/UserUpdateForm.jsx amplify/backend/function/shamefullyNewUser/src/ui-components/utils.js amplify/backend/storage/shamefully/cli-inputs.json amplify/backend/tags.json amplify/backend/types/amplify-dependent-resources-ref.d.ts amplify/cli.json amplify/package.json amplify/team-provider-info.json amplify/tsconfig.json components.json next.config.mjs package.json postcss.config.js README.md src/API.ts src/app/api/call-me/route.ts src/app/api/send-text/route.ts src/app/globals.css src/app/goals/page.tsx src/app/layout.tsx src/app/page.tsx src/aws-exports.js src/components/AppWrapper.tsx src/graphql/mutations.ts src/graphql/queries.ts src/graphql/schema.json src/graphql/subscriptions.ts src/lib/utils.ts src/ui-components/AICoachCreateForm.d.ts src/ui-components/AICoachCreateForm.jsx src/ui-components/AICoachUpdateForm.d.ts src/ui-components/AICoachUpdateForm.jsx src/ui-components/CheckInCreateForm.d.ts src/ui-components/CheckInCreateForm.jsx src/ui-components/CheckInUpdateForm.d.ts src/ui-components/CheckInUpdateForm.jsx src/ui-components/GoalCreateForm.d.ts src/ui-components/GoalCreateForm.jsx src/ui-components/GoalUpdateForm.d.ts src/ui-components/GoalUpdateForm.jsx src/ui-components/index.js src/ui-components/ShamerCreateForm.d.ts src/ui-components/ShamerCreateForm.jsx src/ui-components/ShamerUpdateForm.d.ts src/ui-components/ShamerUpdateForm.jsx src/ui-components/studioTheme.js src/ui-components/studioTheme.js.d.ts src/ui-components/UserCreateForm.d.ts src/ui-components/UserCreateForm.jsx src/ui-components/UserUpdateForm.d.ts src/ui-components/UserUpdateForm.jsx src/ui-components/utils.js tailwind.config.ts tsconfig.json ``` ### Dependencies - amplify/backend/function/shamefullyNewUser/src/package.json: @types/aws-lambda@^8.10.92 - amplify/package.json: aws-sdk@^2.1560.0 - package.json: @aws-amplify/backend@^0.12.1, @aws-amplify/backend-cli@^0.11.1, @aws-amplify/ui-react@^6.1.4, @aws-sdk/client-sns@^3.516.0, @emotion/react@^11.11.3, @emotion/styled@^11.11.0, @mui/material@^5.15.10, @mui/x-date-pickers@^6.19.4, @nextui-org/react@^2.2.9, @radix-ui/react-icons@^1.3.0, @radix-ui/react-navigation-menu@^1.1.4, @splinetool/react-spline@^2.2.6, @types/node@^20, @types/react@^18, @types/react-dom@^18, autoprefixer@^10.0.1, aws-amplify@^6.0.16, aws-cdk@^2.128.0, aws-cdk-lib@^2.128.0, class-variance-authority@^0.7.0, clsx@^2.1.0, constructs@^10.3.0, dayjs@^1.11.10, eslint@^8, eslint-config-next@14.1.0, framer-motion@^11.0.5, ldrs@^1.0.1, next@14.1.0, postcss@^8, react@^18.2.0, react-dom@^18, react-icons@^5.0.1, react-toastify@^10.0.4, tailwind-merge@^2.2.1, tailwindcss@^3.3.0, tailwindcss-animate@^1.0.7, typescript@^5.3.3 ### Recent commits (newest first) - Stuff - aws-exports - Build fixes - dayjs - Looking pretty G - Clean up again - Clean up - Spline - Let's get shaming - Goal creation - Update - Basic form - Init - Initial commit from Create Next App ## Key source files (fetched from GitHub, selected and truncated for size) ### package.json ``` { "name": "shameful.ly", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@aws-amplify/ui-react": "^6.1.4", "@aws-sdk/client-sns": "^3.516.0", "@emotion/react": "^11.11.3", "@emotion/styled": "^11.11.0", "@mui/material": "^5.15.10", "@mui/x-date-pickers": "^6.19.4", "@nextui-org/react": "^2.2.9", "@radix-ui/react-icons": "^1.3.0", "@radix-ui/react-navigation-menu": "^1.1.4", "@splinetool/react-spline": "^2.2.6", "aws-amplify": "^6.0.16", "class-variance-authority": "^0.7.0", "clsx": "^2.1.0", "dayjs": "^1.11.10", "framer-motion": "^11.0.5", "ldrs": "^1.0.1", "next": "14.1.0", "react": "^18.2.0", "react-dom": "^18", "react-icons": "^5.0.1", "react-toastify": "^10.0.4", "tailwind-merge": "^2.2.1", "tailwindcss-animate": "^1.0.7" }, "devDependencies": { "@aws-amplify/backend": "^0.12.1", "@aws-amplify/backend-cli": "^0.11.1", "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", "autoprefixer": "^10.0.1", "aws-cdk": "^2.128.0", "aws-cdk-lib": "^2.128.0", "constructs": "^10.3.0", "eslint": "^8", "eslint-config-next": "14.1.0", "postcss": "^8", "tailwindcss": "^3.3.0", "typescript": "^5.3.3" } } ``` ### amplify/package.json ``` { "type": "module", "dependencies": { "aws-sdk": "^2.1560.0" } } ``` ### amplify/backend/function/shamefullyNewUser/src/package.json ``` { "name": "shamefullynewuser", "version": "2.0.0", "description": "Lambda function generated by Amplify", "main": "index.js", "license": "Apache-2.0", "devDependencies": { "@types/aws-lambda": "^8.10.92" } } ``` ### src/app/layout.tsx ```typescript import type { Metadata } from "next"; import { Inter } from "next/font/google"; import "./globals.css"; import { twMerge } from "tailwind-merge"; import { AppWrapper } from "@/components/AppWrapper"; 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 ( {children} ); } ``` ### src/ui-components/index.js ```javascript /*************************************************************************** * The contents of this file were generated with Amplify Studio. * * Please refrain from making any modifications to this file. * * Any changes to this file will be overwritten when running amplify pull. * **************************************************************************/ export { default as AICoachCreateForm } from "./AICoachCreateForm"; export { default as AICoachUpdateForm } from "./AICoachUpdateForm"; export { default as CheckInCreateForm } from "./CheckInCreateForm"; export { default as CheckInUpdateForm } from "./CheckInUpdateForm"; export { default as GoalCreateForm } from "./GoalCreateForm"; export { default as GoalUpdateForm } from "./GoalUpdateForm"; export { default as ShamerCreateForm } from "./ShamerCreateForm"; export { default as ShamerUpdateForm } from "./ShamerUpdateForm"; export { default as UserCreateForm } from "./UserCreateForm"; export { default as UserUpdateForm } from "./UserUpdateForm"; export { default as studioTheme } from "./studioTheme"; ``` ### src/app/page.tsx ```typescript "use client"; import React, { type FC, useState, useEffect, HTMLAttributes } from "react"; import { Button } from "@nextui-org/react"; import { generateClient } from "aws-amplify/api"; import { Goal, User } from "@/API"; import { motion, AnimatePresence } from "framer-motion"; import { BsX, BsCheck } from "react-icons/bs"; import { getUser } from "@/graphql/queries"; import { CheckIn } from "../API"; import { updateCheckIn } from "@/graphql/mutations"; import { twMerge } from "tailwind-merge"; import Spline from "@splinetool/react-spline"; const client = generateClient({}); type HomePageProps = { params?: { id: string; }; searchParams?: { search?: string; }; }; const HomePage: FC = () => { const [user, setUser] = useState({} as User); const [splineLoaded, setSplineLoaded] = useState(false); useEffect(() => { async function getLoader() { const { spiral } = await import("ldrs"); spiral.register(); } getLoader(); }, []); useEffect(() => { // Fetch the user client .graphql({ query: getUser, variables: { id: "demo" } }) .then((response) => { console.log(response); if (!response.data.getUser) { console.error("No user found"); return; } setUser(response.data.getUser as User); }); }, []); const currentCheckIns: any = []; user.checkIns?.items?.forEach((checkIn) => { if (!checkIn) return; const isDeadlineSoon = (deadline: string) => { const deadlineDate = new Date(deadline).getTime(); const now = new Date().getTime(); const oneDayInMs = 24 * 60 * 60 * 1000; return deadlineDate - now < oneDayInMs && deadlineDate - now > 0; }; if (!isDeadlineSoon(checkIn.deadline as string)) return; if (checkIn.status === "SUCCESSFUL" || checkIn.status === "FAILED") return; currentCheckIns.append( ); }); console.log("length", currentCheckIns?.length); return (
{user.id ? (
{`Hey ${user.firstName} ${user.lastName}`}
{currentCheckIns?.length === 0 ? (
{!splineLoaded && } { console.log("Spline loaded"); setSplineLoaded(true); }} scene="https://prod.spline.design/DUCYHHZaaS0eoNm1/scene.splinecode" /> Nothing to see here, create some goals to get started!
) : ( {currentCheckIns} )}
{/*
{user.goals?.items?.map((goal) => { if (!goal) return null; console.log(goal); return ; })}
*/} ) : ( )}
); }; export default HomePage; interface CheckInComponentProps extends HTMLAttributes { checkIn: CheckIn; } const CheckInComponent = ({ checkIn }: CheckInComponentProps) => { // const isInvalidPhone = React.useMemo(() => { // if ((shamers[index]?.phoneNumber ?? "") === "") return false; // return validatePhone(shamers[index]?.phoneNumber ?? "") ? false : true; // }, [shamers[index]]); const emojis = ["😀", "😂", "🥺", "😍", "😒", "👍", "🚀", "🌈", "🎉", "💔"]; const randomEmoji = emojis[Math.floor(Math.random() * emojis.length)]; return (
{checkIn.icon ?? randomEmoji}
{checkIn?.parentGoal?.title && (
)}