Jesica Bermudes dev team application

apps/blade/src/app/jesica-bermudes/page.module.css

@@ -0,0 +1,125 @@
+.page {
+  min-height: 100vh;
+  background-color: #fffafa;
+  background-image: radial-gradient(#f7dbe6 1px, transparent 1px);
+  background-size: 24px 24px;
+  color: #4f4650;
+  font-family: Georgia, "Times New Roman", serif;
+}
+.nav {
+  display: flex;
+  justify-content: flex-end;
+  gap: 20px;
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 24px 40px;
+}
+.nav a {
+  color: #6f6870;
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+.nav a:hover {
+  color: #e58fac;
+}
+.hero {
+  max-width: 800px;
+  min-height: 85vh;
+  margin: 0 auto;
+  padding: 60px 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+.label {
+  color: #d97fa2;
+  font-size: 14px;
+  letter-spacing: 2px;
+  text-transform: uppercase;
+}
+.hero h1 {
+  margin: 10px 0 20px;
+  font-size: 64px;
+  font-weight: normal;
+}
+.hero h1 span {
+  color: #e995b5;
+}
+.intro {
+  max-width: 600px;
+  color: #81777f;
+  font-size: 18px;
+  line-height: 1.7;
+}
+.buttons {
+  display: flex;
+  gap: 12px;
+  margin-top: 28px;
+}
+.buttons a {
+  padding: 11px 18px;
+  border: 1px solid #efcbd8;
+  border-radius: 20px;
+  text-decoration: none;
+  transition: transform 0.2s ease;
+}
+.primary {
+  background-color: #e995b5;
+  color: white;
+}
+.secondary {
+  background-color: white;
+  color: #5d555e;
+}
+.buttons a:hover {
+  transform: translateY(-2px);
+}
+.section {
+  max-width: 800px;
+  margin: 0 auto;
+  padding: 70px 30px;
+}
+.section .label {
+  text-align: center;
+}
+.section h2 {
+  margin-bottom: 30px;
+  text-align: center;
+  font-size: 32px;
+  font-weight: normal;
+}
+.projectList {
+  display: grid;
+  gap: 20px;
+}
+.card {
+  padding: 26px;
+  background-color: white;
+  border: 1px solid #f0dce5;
+  border-radius: 12px;
+  box-shadow: 0 4px 12px rgba(170, 120, 140, 0.07);
+  transition: transform 0.2s ease;
+}
+.card:hover {
+  transform: translateY(-2px);
+}
+.card h3 {
+  margin-top: 0;
+  margin-bottom: 8px;
+  font-size: 22px;
+  font-weight: normal;
+}
+.card p {
+  color: #81777f;
+  line-height: 1.7;
+}
+.card p + p {
+  margin-top: 14px;
+}
+.tech {
+  color: #d584a2;
+  font-size: 14px;
+  margin-bottom: 14px;
+}

apps/blade/src/app/jesica-bermudes/page.tsx

@@ -0,0 +1,102 @@
+import styles from "./page.module.css";
+
+const projects = [
+  {
+    title: "Knowledge Garden 🌷",
+    tech: "Django - Python - SQL",
+    description:
+      "A notes app I made with Django where users can organize entries by topic and keep their notes private.",
+  },
+  {
+    title: "Thyroid Tracker 🌱",
+    tech: "Django - Python - SQL",
+    description:
+      "A health tracker for logging symptoms, medications, and lab results, with an option to export everything into a PDF.",
+  },
+  {
+    title: "BubbleFlow 🧋",
+    tech: "Flask - Python - REST API",
+    description:
+      "A Flask API for tracking boba shop inventory and estimating how many servings are left from current stock.",
+  },
+];
+
+export default function JesicaBermudesPage() {
+  return (
+    <main className={styles.page}>
+      <nav className={styles.nav}>
+        <a href="#projects">projects</a>
+        <a href="#about">about</a>
+        <a href="https://github.com/Cherriuu" target="_blank" rel="noreferrer">
+          github
+        </a>
+        <a
+          href="https://cherriuu.github.io/my-portfolio"
+          target="_blank"
+          rel="noreferrer"
+        >
+          portfolio
+        </a>
+      </nav>
+
+      <section className={styles.hero}>
+        <p className={styles.label}>computer science @ UCF</p>
+        <h1>
+          hi, i'm <span>Jesica</span>
+        </h1>
+        <p className={styles.intro}>
+          I'm a computer science student who enjoys web development and building
+          applications.
+        </p>
+        <div className={styles.buttons}>
+          <a href="#projects" className={styles.primary}>
+            see my work
+          </a>
+          <a
+            href="/jesica-bermudes-resume.pdf"
+            target="_blank"
+            rel="noreferrer"
+            className={styles.secondary}
+          >
+            resume
+          </a>
+        </div>
+      </section>
+
+      <section className={styles.section} id="projects">
+        <h2>things i've built</h2>
+        <div className={styles.projectList}>
+          {projects.map((project) => (
+            <div className={styles.card} key={project.title}>
+              <h3>{project.title}</h3>
+              <p className={styles.tech}>{project.tech}</p>
+              <p>{project.description}</p>
+            </div>
+          ))}
+        </div>
+      </section>
+
+      <section className={styles.section} id="about">
+        <p className={styles.label}>about</p>
+        <h2>a little about me</h2>
+        <div className={styles.card}>
+          <p>
+            I like learning by making things. Usually I start a project because
+            there's something I want to figure out, and I learn whatever I need
+            along the way.
+          </p>
+          <p>
+            I'm especially interested in web development, Python, and math, and
+            I enjoy projects where I get to mix problem solving with something
+            creative.
+          </p>
+          <p>
+            I'm still exploring what areas of computer science I want to grow
+            into, but I know I enjoy creating things, solving problems, and
+            picking up new technologies as I go.
+          </p>
+        </div>
+      </section>
+    </main>
+  );
+}