import React, { useState, useCallback, useMemo } from "react"; import { Plus, X, Trash2, GraduationCap } from "lucide-react"; const LANG = (typeof navigator !== "undefined" ? navigator.language : "ko").slice(0, 2); const T = { ko: { title: "학점 계산기", add: "과목 추가", subject: "과목명", credit: "학점", grade: "성적", avg: "평균 학점", total: "총 학점", empty: "과목을 추가하세요", emptyDesc: "과목명, 학점, 성적을 입력하면 평균 학점을 계산합니다", save: "추가", semester: "학기", reset: "초기화" }, en: { title: "GPA Calculator", add: "Add Course", subject: "Course", credit: "Credits", grade: "Grade", avg: "GPA", total: "Total Credits", empty: "Add your courses", emptyDesc: "Enter course name, credits, and grade to calculate GPA", save: "Add", semester: "Semester", reset: "Reset" }, ja: { title: "GPA計算機", add: "科目追加", subject: "科目名", credit: "単位", grade: "成績", avg: "GPA", total: "合計単位", empty: "科目を追加してください", emptyDesc: "科目名、単位数、成績を入力してGPAを計算します", save: "追加", semester: "学期", reset: "リセット" }, zh: { title: "GPA计算器", add: "添加课程", subject: "课程名", credit: "学分", grade: "成绩", avg: "GPA", total: "总学分", empty: "添加课程", emptyDesc: "输入课程名、学分和成绩来计算GPA", save: "添加", semester: "学期", reset: "重置" }, }; const t = T[LANG] || T.en; const GRADES = [ { label: "A+", value: 4.5 }, { label: "A", value: 4.0 }, { label: "B+", value: 3.5 }, { label: "B", value: 3.0 }, { label: "C+", value: 2.5 }, { label: "C", value: 2.0 }, { label: "D+", value: 1.5 }, { label: "D", value: 1.0 }, { label: "F", value: 0.0 }, ]; export default function App() { const [courses, setCourses] = useSharedStorage("gpa_courses", []); const [showAdd, setShowAdd] = useState(false); const [name, setName] = useState(""); const [credit, setCredit] = useState("3"); const [gradeIdx, setGradeIdx] = useState(0); const totalCredits = (courses || []).reduce((s, c) => s + c.credit, 0); const weightedSum = (courses || []).reduce((s, c) => s + c.credit * c.gradeValue, 0); const gpa = totalCredits > 0 ? (weightedSum / totalCredits).toFixed(2) : "0.00"; const gpaNum = parseFloat(gpa); const gpaColor = gpaNum >= 4.0 ? "text-emerald-500" : gpaNum >= 3.0 ? "text-blue-500" : gpaNum >= 2.0 ? "text-amber-500" : "text-red-500"; const handleAdd = useCallback(() => { if (!name.trim()) return; setCourses(prev => [...(prev || []), { id: Date.now(), name: name.trim(), credit: parseInt(credit) || 3, grade: GRADES[gradeIdx].label, gradeValue: GRADES[gradeIdx].value, }]); setName(""); setCredit("3"); setGradeIdx(0); setShowAdd(false); }, [name, credit, gradeIdx, setCourses]); const handleDelete = useCallback((id) => { setCourses(prev => (prev || []).filter(c => c.id !== id)); }, [setCourses]); return (

{t.title}

0 ? "text-white" : "text-white/40")}>{gpa}

{t.avg}

{totalCredits}

{t.total}

{totalCredits > 0 && (

)}

{(courses || []).length === 0 ? (

{t.empty}

{t.emptyDesc}

) : (

{(courses || []).map(c => (

{c.name}

{c.credit} {t.credit}

= 4.0 ? "bg-emerald-50 text-emerald-600" : c.gradeValue >= 3.0 ? "bg-blue-50 text-blue-600" : c.gradeValue >= 2.0 ? "bg-amber-50 text-amber-600" : "bg-red-50 text-red-600")}> {c.grade}

))}

)}

{(courses || []).length > 0 && ( )}

{showAdd && (

setShowAdd(false)} />

{t.add}

{t.subject} setName(e.target.value)} placeholder={t.subject} className="w-full px-4 py-3 rounded-xl border border-gray-200 text-base mb-3 outline-none focus:border-indigo-500" />

{t.credit}

{t.grade}

)}

); }

GPA Calculator

GPA Calculator

reviews