implemented responsive portfolio and adjusted font sizes globally.

2025-01-08 21:26:33 -07:00
parent 7fe060c096
commit d83699380f
5 changed files with 233 additions and 183 deletions
@@ -10,11 +10,152 @@ import ErrorPage from "./ErrorPage.jsx";
 */
 const container = document.getElementById("app");
 const root = createRoot(container);
+
+// TODO: Read data in from plain text files.
+const projectData = [
+  {
+    title: "One AI",
+    description:
+      "An end-to-end self-hosted Artificial Intelligence solution, using Meta's Ollama platform to run Large Language Models. Go was used for the backend as a wrapper API and the frontend is Flutter. Here are some of the implemented features:",
+    featureList: [
+      "AES encryption of messages between client and server",
+      "SHA-256 hashing for message validation",
+      "Base64 encoding for file uploads to the server",
+      "Docker container for isolation and security",
+    ],
+    image: "/images/one-ai-cropped.png",
+    imageGallery: null,
+    url: "https://github.com/quaxlyqueen/one-ai",
+  },
+  {
+    title: "Snake",
+    description:
+      "A Snake clone in the command line, written in C#. Utilized a Queue data structure to keep track of the snake's body. Implemented features include:",
+    featureList: [
+      "basic pseudo-randomized obstacle generation",
+      "difficulty selection by adjusting the frequency of obstacle generation",
+      "keyboard input to move the snake",
+      "ASCII art for the menu and game over state",
+    ],
+    image: "/images/snake.gif",
+    imageGallery: null,
+    url: "https://github.com/quaxlyqueen/2410-Snake",
+  },
+  {
+    title: "Battery Monitor",
+    description:
+      "A battery monitor, written in C with a GUI written in Python. Utilizes the acpi Unix command to gather battery information. Implemented features incldue:",
+    featureList: [
+      "embed Unix commands in C to get the date, time, battery percentage, and battery status",
+      "basic file I/O to store historical battery data",
+      "daemonize to run as a background process",
+      "script to install as a SystemD service",
+      "basic Python GUI in TKinter to provide graph of data",
+    ],
+    image: "/images/battery-mon.png",
+    imageGallery: null,
+    url: "https://github.com/quaxlyqueen/battery-mon",
+  },
+  {
+    title: "D&D Character Builder",
+    description:
+      "A Dungeons and Dragons character builder, following the 5th edition rules and creation process. A collaborative project creating a GUI in Java with Swing. Features include:",
+    featureList: [
+      "serialization of character data into custom filetype",
+      "global styling and custom font import",
+      "button hover effects",
+    ],
+    image: "/images/dnd.png",
+    imageGallery: null,
+    url: "https://github.com/quaxlyqueen/dnd",
+  },
+  {
+    title: "Calculator",
+    description:
+      "A simple and themable calculator written in Python. This uses CustomTKinter for the GUI and the eva CLI package for the actual calculator functionality. Supports MacOS and Linux. Implemented features include:",
+    featureList: [
+      "custom theming read in from a global .theme file",
+      "button hover effects",
+      "keyboard input",
+    ],
+    image: "/images/calculator.gif",
+    imageGallery: null,
+    url: "https://github.com/quaxlyqueen/calculator",
+  },
+];
+
+const skillData = {
+  languages: [
+    "C & C#",
+    "HTML & CSS",
+    "Go",
+    "Java",
+    "JavaScript & Dart",
+    "Python",
+  ],
+  tools: [
+    "Git & GitHub",
+    "Docker",
+    "Flutter & React",
+    "Linux & NeoVim",
+    "Cloudflare",
+    "Microsoft Intune",
+  ],
+  other: [
+    "Written Communication",
+    "Conflict Resolution",
+    "Project Management",
+    "Event Planning",
+    "Electronics Repair",
+    "Soldering",
+  ],
+};
+
+const jobData = [
+  {
+    company: "SLC Public Library",
+    title: "Technology & Digital Equity Assistant",
+    start: "Aug '23",
+    end: "Present",
+    location: "Salt Lake City, UT",
+    responsibilities: [
+      "Assist library patrons with using technology, on devices such as publicly available PCs, laptops, mobile devices, and more.",
+      "Teach fundamental computer usage skills.",
+      "Expose patrons to the importance of digital security, password management, and two-factor authentication.",
+      "Developing workshop curriculum for Raspberry Pi’s."
+    ],
+  },
+  {
+    company: "Trust Lands Admin.",
+    title: "IT Intern",
+    start: "Aug '23",
+    end: "Aug '24",
+    location: "Salt Lake City, UT",
+    responsibilities: [
+      "Orchestrated Microsoft Intune setup and deployment to multiple platforms.",
+      "Streamlined IT equipment inventory process",
+      "Provided training to optimize the usage of hardware and software.",
+      "Troubleshoot and repair hardware and software on a variety of devices.",
+      "Developed automation scripts for use in various parts of the business.",
+    ],
+  },
+];
+
+const eduData = [
+  {
+    institution: "Salt Lake Comm. College",
+    degree: "AS Comp Sci",
+    gpa: "3.48 (CS) || 2.87 (Cumulative)",
+    start: "Jan '21",
+    end: "Present",
+  }
+];
+
 root.render(
  <Router>
    <Routes>
-      <Route exact path="/" element={<App />} />
-      <Route exact path="/resume" element={<Resume />} />
+      <Route exact path="/" element={<App projectData={projectData} skillData={skillData} />} />
+      <Route exact path="/resume" element={<Resume jobData={jobData} eduData={eduData} skillData={skillData} />} />
      <Route
        path="*"
        element={