Hackathons/Bitcamp-2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AI, API, Profile Page Update

Browse Source
This commit is contained in:
GamerBoss101
2025-04-13 03:00:45 -04:00
parent 203aa93923
commit 99981de104
9 changed files with 221 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/app/(app)/profile/page.tsx
View File

@@ -1,64 +1,34 @@
"use client";
// const useDevice = () => ({
// isAuthenticated: true,
// session: { username: "demo_user" },
// });
import React from "react";
import { useDevice } from "@/lib/context/DeviceContext";
import React, { useEffect, useState } from "react";
import { useRouter } from "next/navigation";
export default function ProfilePage() {
const { isAuthenticated, session } = useDevice();
const [bio, setBio] = useState("");
const [saved, setSaved] = useState(false);
const [selectedFile, setSelectedFile] = useState<File | null>(null);
const [previewUrl, setPreviewUrl] = useState<string | null>(null);
const [uploadMessage, setUploadMessage] = useState<string>("");
useEffect(() => {
if (isAuthenticated && session?.username) {
fetch(`/api/user/${session.username}`)
.then((res) => res.json())
.then((data) => {
if (data.bio) setBio(data.bio);
});
}
}, [isAuthenticated, session?.username]);
const handleBioSubmit = async (e: React.FormEvent) => {
e.preventDefault();
const res = await fetch(`/api/user/${session.username}/bio`, {
method: "PATCH",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ bio }),
});
if (res.ok) setSaved(true);
};
return (
<div className="px-6 py-10 max-w-full lg:max-w-1/2 mx-auto font-sans text-neutral-100">
<div className="bg-[color:var(--color-surface-600)]/70 backdrop-blur-md rounded-xl px-6 py-5 my-6 shadow-sm">
<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
Hi, {isAuthenticated ? session.username : ""}!!
<h1 className="text-2xl sm:text-3xl font-bold tracking-[-.01em] text-center sm:text-left">
Hi, {session?.username || ""}!!
</h1>
<div className="flex flex-col items-center mt-6">
{previewUrl ? (
{isAuthenticated && (
<img
src={previewUrl}
src={"/p" + session?.avatar + ".png"}
alt="Profile Preview"
className="w-32 h-32 rounded-full object-cover border border-gray-300"
className="w-42 h-42 rounded-full object-cover bg-surface-700"
/>
) : (
<div className="w-32 h-32 rounded-full bg-neutral-800 border border-gray-300" />
)}
{uploadMessage && <p className="text-sm text-gray-400 mt-2">{uploadMessage}</p>}
{/* {uploadMessage && (
<p className="text-sm text-gray-400 mt-2">{uploadMessage}</p>
)} */}
</div>
</div>
<p className="mb-6">{bio || "No bio yet..."}</p>
{/* <p className="mb-6">{bio || "No bio yet..."}</p>
<form onSubmit={handleBioSubmit} className="mb-6 space-y-2">
<textarea
@@ -75,7 +45,7 @@ export default function ProfilePage() {
Save Bio
</button>
{saved && <p className="text-green-400 text-sm">Bio saved!</p>}
</form>
</form> */}
{/* Friends */}
<div className="bg-[color:var(--color-surface-600)] rounded-xl px-6 py-5 my-6 shadow-md">
@@ -96,7 +66,7 @@ export default function ProfilePage() {
{/* Daily Stats */}
<div className="bg-[color:var(--color-surface-600)]/70 backdrop-blur-md rounded-xl px-6 py-5 my-6 shadow-sm">
<h2 className="text-xl font-semibold text-[color:var(--color-warning-300)] mt-0 mb-2">
--------------------Daily Stats---------------------
--------------------Daily Stats---------------------
</h2>
<ul className="list-disc pl-5 text-neutral-200 space-y-1">
<li>Points Logged: [ dailyPoints variable ]</li>
@@ -104,8 +74,8 @@ export default function ProfilePage() {
<li>Sugar Logged (g): [ daily sugar variable ]</li>
</ul>
<p className="font-semibold italic text-[color:var(--color-success-300)] mt-1">
Don't forget you have a 400mg caffeine limit and 30.5g sugar limit!
</p>
Don't forget you have a 400mg caffeine limit and 30.5g sugar limit!
</p>
</div>
<div className="h-6" />

13
src/app/api/index.js
View File

@@ -1,13 +0,0 @@
import { db } from "../../lib/scripts/db";
export default function handler(req, res) {
if (req.method === 'GET') {
// Handle GET request
res.status(200).json({ message: 'Hello, this is a GET request!' });
} else {
// Handle unsupported methods
res.setHeader('Allow', ['GET']);
res.status(405).end(`Method ${req.method} Not Allowed`);
}
}

36
src/app/api/post/[id]/route.ts Normal file
View File

@@ -0,0 +1,36 @@
import { NextResponse } from "next/server";
import { auth0 } from "../../../../lib/scripts/auth0";
import { db } from "@/lib/scripts/db";
async function authenticateUser() {
const session = await auth0.getSession();
if (!session) {
return NextResponse.json({ message: "No session found" }, { status: 401 });
}
const sessionUser = session.user;
let userData = await db.users.findByEmail(sessionUser.email as string);
if (!userData) return NextResponse.json({ message: "User not found" }, { status: 404 });
return userData != null;
}
export async function GET(req: Request, { params }: any) {
try {
if (!(await authenticateUser())) return;
const { id } = await params;
const post = await db.posts.getById(id);
if (!post) {
return NextResponse.json({ message: "Post not found" }, { status: 404 });
}
return NextResponse.json({ post }, { status: 200 });
} catch (error) {
console.error("Error finding post by ID:", error);
return NextResponse.json({ message: "Internal server error" }, { status: 500 });
}
}

55
src/app/api/post/route.ts Normal file
View File

@@ -0,0 +1,55 @@
import { NextResponse } from "next/server";
import { auth0 } from "@/lib/scripts/auth0";
import { db } from "@/lib/scripts/db";
import { gemini } from "@/lib/scripts/gemini";
async function authenticateUser() {
const session = await auth0.getSession();
if (!session) {
return NextResponse.json({ message: "No session found" }, { status: 401 });
}
const sessionUser = session.user;
let userData = await db.users.findByEmail(sessionUser.email as string);
if (!userData)
return NextResponse.json({ message: "User not found" }, { status: 404 });
return userData;
}
export async function POST(req: Request) {
try {
// if (!(await authenticateUser())) return;
const formData = await req.formData();
const file = formData.get("image");
if (!file || !(file instanceof Blob)) {
return NextResponse.json(
{ message: "No image file provided" },
{ status: 400 }
);
}
const arrayBuffer = await file.arrayBuffer();
const buffer = Buffer.from(arrayBuffer);
const prompt = `Generate a 1-3 sentence description for this image.`;
const data = await gemini.generateDescription(prompt, buffer);
let postData = await db.posts.create("6gi1f", data?.description);
return NextResponse.json(
{ message: "Image uploaded successfully", postData },
{ status: 200 }
);
} catch (error) {
console.error("Error handling image upload:", error);
return NextResponse.json(
{ message: "Internal server error" },
{ status: 500 }
);
}
}

36
src/app/api/user/[id]/route.ts Normal file
View File

@@ -0,0 +1,36 @@
import { NextResponse } from "next/server";
import { auth0 } from "../../../../lib/scripts/auth0";
import { db } from "@/lib/scripts/db";
async function authenticateUser() {
const session = await auth0.getSession();
if (!session) {
return NextResponse.json({ message: "No session found" }, { status: 401 });
}
const sessionUser = session.user;
let userData = await db.users.findByEmail(sessionUser.email as string);
if (!userData) return NextResponse.json({ message: "User not found" }, { status: 404 });
return userData != null;
}
export async function GET(req: Request, { params }: any) {
try {
if (!(await authenticateUser())) return;
const { id } = params;
const user = await db.users.findById(id);
if (!user) {
return NextResponse.json({ message: "User not found" }, { status: 404 });
}
return NextResponse.json({ user }, { status: 200 });
} catch (error) {
console.error("Error finding user by ID:", error);
return NextResponse.json({ message: "Internal server error" }, { status: 500 });
}
}