Merge branch 'develop' of https://github.com/team-incube/Gwangju-talent-festival-Client into feat/booking-api

Author: zaewc

README.md

@@ -1,36 +1,51 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/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/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## 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/app/building-your-application/deploying) for more details.
+<img width="5792" height="4676" alt="Frame 19364" src="https://github.com/user-attachments/assets/f836d3c7-8809-433f-b210-48952725838d" />
+
+
+# 광주탈렌트페스티벌 공식 웹 서비스 
+
+[**광탈페.kr 바로가기 >**](https://www.xn--hc0b809dz3b.kr/home)
+
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) 
+![Repo size](https://img.shields.io/github/repo-size/team-incube/Gwangju-talent-festival-Client)
+![Last commit](https://img.shields.io/github/last-commit/team-incube/Gwangju-talent-festival-Client?color=red)
+
+This is the official web service for the Gwangju Student Talent Festival (광주학생탈렌트페스티벌).
+
+## Tech Stack
+
+![Top language](https://img.shields.io/github/languages/top/team-incube/Gwangju-talent-festival-Client)
+
+![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=white)
+![Next.js](https://img.shields.io/badge/Next.js-000000?logo=nextdotjs&logoColor=white)
+![React](https://img.shields.io/badge/React-61DAFB?logo=react&logoColor=black)
+![TanStack Query](https://img.shields.io/badge/TanStack%20Query-FF4154?logo=reactquery&logoColor=white)
+![Axios](https://img.shields.io/badge/Axios-5A29E4?logo=axios&logoColor=white)
+![nextjs-google-analytics](https://img.shields.io/badge/Google%20Analytics-E37400?logo=googleanalytics&logoColor=white)
+![sonner](https://img.shields.io/badge/sonner-000000?logo=sonos&logoColor=white)
+![Zod](https://img.shields.io/badge/Zod-3E67B1?logo=zod&logoColor=white)
+![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-06B6D4?logo=tailwindcss&logoColor=white)
+
+## Teams
+<table>
+  <tr>
+    <td align="center">
+      <a href="https://github.com/happytaeyoon">
+        <img src="https://avatars.githubusercontent.com/u/129380797?v=4" width="100" height="100" /><br/>
+        김태윤
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/976520">
+        <img src="https://avatars.githubusercontent.com/u/123460320?v=4" width="100" height="100" /><br/>
+        송재욱
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/bae080311">
+        <img src="https://avatars.githubusercontent.com/u/156505831?v=4" width="100" height="100" /><br/>
+        배경진
+      </a>
+    </td>
+  </tr>
+</table>

src/app/admin/evaluation/page.tsx

@@ -0,0 +1,5 @@
+import EvaluationView from "@/views/evaluation/ui/EvaluationView";
+
+export default function EvaluationPage() {
+  return <EvaluationView />;
+}

src/app/admin/list/page.tsx

@@ -0,0 +1,5 @@
+import ListView from "@/views/list/ui/ListView";
+
+export default function AdminListPage() {
+  return <ListView />;
+}

src/app/api/server/[...path]/route.ts

@@ -1,6 +1,6 @@
 import { NextRequest, NextResponse } from "next/server";
 
-const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL;
+const BASE_URL = process.env.NEXT_PUBLIC_API_URL;
 
 type HttpMethod = "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
 

src/app/api/signup/route.ts

@@ -2,5 +2,5 @@ import { NextRequest } from "next/server";
 import { apiHandler } from "@/shared/utils/api";
 
 export async function POST(request: NextRequest) {
-  return apiHandler(request, "/auth/join", "POST", 201);
+  return apiHandler(request, "/auth/join");
 }

src/app/api/verify/route.ts

@@ -0,0 +1,6 @@
+import { NextRequest } from "next/server";
+import { apiHandler } from "@/shared/utils/api";
+
+export async function POST(request: NextRequest) {
+  return apiHandler(request, "/auth/verify");
+} 

src/app/vote/page.tsx

@@ -0,0 +1,5 @@
+import VoteView from "@/views/vote/ui/VoteView";
+
+export default function VotePage() {
+  return <VoteView />;
+}

src/entities/evaluation/model/Category.ts

@@ -0,0 +1,7 @@
+export const EVALUATION_CATEGORY = {
+  COMPLETION_EXPRESSION: "완성도 및 표현력",
+  CREATIVITY_COMPOSITION: "창의력과 구성",
+  STAGE_MANNER_PERFORMANCE: "무대매너 및 퍼포먼스",
+} as const;
+
+export type EvaluationCategory = keyof typeof EVALUATION_CATEGORY;

src/entities/evaluation/ui/Dropdown/index.tsx

@@ -0,0 +1,61 @@
+"use client";
+
+import DownArrow from "@/shared/asset/svg/DownArrow";
+import { useEffect, useRef } from "react";
+
+export default function CustomDropdown({
+  value,
+  max,
+  isOpen,
+  onToggle,
+  onSelect,
+  onDoubleClick,
+}: {
+  value: number | string;
+  max: number;
+  isOpen: boolean;
+  onToggle: () => void;
+  onSelect: (value: number) => void;
+  onDoubleClick: () => void;
+}) {
+  const dropdownRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+        onToggle();
+      }
+    };
+
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpen, onToggle]);
+
+  return (
+    <div className="relative" ref={dropdownRef}>
+      <div className="flex gap-12 cursor-pointer" onClick={onToggle} onDoubleClick={onDoubleClick}>
+        {value}
+        <DownArrow />
+      </div>
+
+      {isOpen && (
+        <div className="absolute text-center top-full left-0 mt-1 bg-white border border-gray-200 rounded-md shadow-lg z-10 max-h-48 overflow-y-auto min-w-[80px]">
+          {Array.from({ length: max }, (_, num) => (
+            <div
+              key={num + 1}
+              className="px-12 text-body2r text-gray-500 py-8 hover:bg-gray-100 cursor-pointer"
+              onClick={() => onSelect(num + 1)}
+            >
+              {num + 1}
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

src/entities/evaluation/ui/EvaluationCard/index.tsx

@@ -0,0 +1,92 @@
+"use client";
+
+import { CheckIcon } from "@/shared/asset/svg/CheckIcon";
+import { Button } from "@/shared/ui";
+import { useState } from "react";
+import CustomDropdown from "../Dropdown";
+
+type Score = {
+  value: number | string;
+  write: boolean;
+  max: number;
+  show: boolean;
+};
+
+const scores: Score[] = [
+  { value: 0, write: false, max: 40, show: false },
+  { value: 0, write: false, max: 30, show: false },
+  { value: 0, write: false, max: 30, show: false },
+];
+
+export default function EvaluationCard({ order }: { order: number }) {
+  const [values, setValues] = useState<Score[]>(scores);
+
+  return (
+    <ul className="w-full text-body3b flex py-14 border items-center rounded-md border-gray-100 border-solid justify-between px-24 pl-[80px]">
+      <li className="text-main-600">{order}</li>
+      {values.map((v, i) => {
+        return v.write ? (
+          <input
+            className="w-[46.53px]"
+            key={i}
+            max={v.max}
+            min={0}
+            type="number"
+            value={v.value}
+            onChange={e => {
+              const val = e.target.value === "" ? "" : Number(e.target.value);
+
+              if (val === "" || (val <= v.max && val >= 0)) {
+                setValues(prev =>
+                  prev.map((item, idx) => (idx === i ? { ...item, value: val } : item)),
+                );
+              }
+            }}
+            onBlur={() => {
+              setValues(prev =>
+                prev.map((item, idx) =>
+                  idx === i
+                    ? {
+                        ...item,
+                        value: item.value === 0 || Number.isNaN(item.value) ? 0 : item.value,
+                        write: false,
+                        show: false,
+                      }
+                    : item,
+                ),
+              );
+            }}
+            autoFocus
+          />
+        ) : (
+          <CustomDropdown
+            key={i}
+            value={v.value}
+            max={v.max}
+            isOpen={v.show}
+            onToggle={() => {
+              setValues(prev =>
+                prev.map((item, idx) => (idx === i ? { ...item, show: !item.show } : item)),
+              );
+            }}
+            onSelect={selectedValue => {
+              setValues(prev =>
+                prev.map((item, idx) =>
+                  idx === i ? { ...item, value: selectedValue, write: false, show: false } : item,
+                ),
+              );
+            }}
+            onDoubleClick={() => {
+              setValues(prev =>
+                prev.map((item, idx) => (idx === i ? { ...item, write: true, show: false } : item)),
+              );
+            }}
+          />
+        );
+      })}
+      <Button className="py-12 px-16 gap-12 w-[126px] justify-center flex items-center">
+        <CheckIcon color="white" />9
+      </Button>
+    </ul>
+  );
+}