Github-User-Page

Chanbin’s User Page

**Software Engineer Full Stack Developer AI Enthusiast**  
📧 chna@ucsd.edu 🌐 devchanbin.vercel.app 🔗 LinkedIn 💾 GitHub

Profile

Introduction

Hi! I’m Chanbin Na, a Mathematics–Computer Science student at UC San Diego with a strong interest in full-stack web development. I enjoy turning ideas into real applications—whether it’s building responsive frontends, secure backends, or working on team projects. I’m always learning and excited to grow as a developer through hands-on experience and collaboration.

Table of Contents

  1. Education
  2. Technical Skills
  3. Experience
  4. Projects
  5. Leadership
  6. To-Do List

Technical Skills

Education

University of California, San Diego
B.S. Mathematics–Computer Science, Minor in Data Science (Jun. 2025)
Relevant Courses:

Experience

Darc Korea Association

Full Stack Engineer — Seoul, South Korea (Jun 2024 – Sep 2024)

Y STEM and Chess Inc.

Software Engineer Intern — Remote (Mar 2024 – Jul 2024)

Republic of Korean Army

Squad Leader, Signaller — Seoul, South Korea (Dec 2020 – Jun 2022)

Projects

StitchWitch: Generative AI Surgery Assistant (2024)

Tech Stack: Google Gemini Pro, Reflex, OpenCV

STUDYSPHERE (2024)

Tech Stack: React, Node.js, Express.js, MySQL, Socket.IO

Roommate Matcher – ACM (2023)

Tech Stack: TypeScript, React, Express.js, MongoDB

Leadership

Vice President — LIKELION @ UCSD (Feb 2024 – Present)

Basic React Example from workshops

import React, { useState } from "react";

function App() {
  // State to store the list of tasks
  const [tasks, setTasks] = useState([]);
  const [task, setTask] = useState("");

  // Function to add a task to the list
  const addTask = (e) => {
    e.preventDefault();
    if (task.trim()) {
      setTasks([...tasks, task]);
      setTask(""); // Clear the input field
    }
  };

  // Function to remove a task from the list
  const removeTask = (index) => {
    const newTasks = tasks.filter((_, i) => i !== index);
    setTasks(newTasks);
  };

  return (
    <div
      style=
    >
      <div
        style=
      >
        <h1>TODO List</h1>
        <form onSubmit={addTask} style=>
          <input
            type="text"
            value={task}
            onChange={(e) => setTask(e.target.value)}
            placeholder="Enter a task"
            style=
          />
          <button
            type="submit"
            style=
          >
            Add
          </button>
        </form>
        <ul style=>
          {tasks.map((task, index) => (
            <li
              key={index}
              style=
            >
              <span>{task}</span>
              <button
                onClick={() => removeTask(index)}
                style=
              >
                Remove
              </button>
            </li>
          ))}
        </ul>
      </div>
    </div>
  );
}

export default App;

To-Do List

Resource