projects.html

<!doctype html>
<html lang="en">
  <head>
    <title>Projects | Kyra Ramirez</title>
    <link rel="stylesheet" href="styles.css" />
  </head>

  <body>
    <nav class="navbar">
      <h1 class="logo"><a href="index.html">Kyra Ramirez</a></h1>

      <ul class="nav-list">
        <li><a href="index.html">Home</a></li>
        <li><a href="projects.html">Projects</a></li>
        <li><a href="resume.html">Resume</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>

    <main>
      <div class="page-header">
        <h1 class="page-title">Projects</h1>

        <p class="page-subtitle">
          A collection of software, AI, machine learning, and web development
          projects.
        </p>
      </div>

      <div class="projects-grid">
        <div class="project-card">
          <h2>AI Chatbot Capstone</h2>
          <p>
            Full-stack chatbot project that used user assessment data to create
            more personalized AI responses.
          </p>

          <div class="tech-stack">
            <span>React</span>
            <span>Node.js</span>
            <span>Express</span>
            <span>MongoDB</span>
            <span>OpenAI API</span>
          </div>

          <p class="project-note">Source code available upon request.</p>
        </div>

        <div class="project-card">
          <h2>Freebie Finders</h2>

          <p>
            Collaborated with a team to develop a web application that allows
            users to list and discover free items in their local community.
            Users can browse available items, create listings, and help reduce
            waste by giving unwanted items a second life.
          </p>

          <div class="tech-stack">
            <span>HTML</span>
            <span>CSS</span>
            <span>JavaScript</span>
            <span>Teamwork</span>
            <span>Project Management</span>
            <span>Problem Solving</span>
            <span>Communication</span>
          </div>

          <div class="button-row">
            <a
              href="https://github.com/kyramirez/Ctrl-Alt-Elite"
              target="_blank"
              class="button"
            >
              GitHub
            </a>
          </div>
        </div>

        <div class="project-card">
          <h2>Network Traffic Classification</h2>
          <p>
            Machine learning project analyzing benign and non-benign network
            traffic using classification and visualization techniques.
          </p>

          <div class="tech-stack">
            <span>Python</span>
            <span>pandas</span>
            <span>scikit-learn</span>
          </div>

          <p class="project-note">Source code available upon request.</p>
        </div>

        <div class="project-card">
          <h2>Personal Website</h2>
          <p>
            Responsive portfolio website built to showcase my resume, technical
            projects, and contact information.
          </p>

          <div class="tech-stack">
            <span>HTML</span>
            <span>CSS</span>
            <span>Git</span>
            <span>GitHub Pages</span>
          </div>

          <div class="button-row">
            <a
              href="https://github.com/kyramirez/kyramirez.github.io"
              target="_blank"
              class="button"
              >GitHub</a
            >
            <a
              href="https://kyramirez.github.io"
              target="_blank"
              class="button secondary"
              >Live Site</a
            >
          </div>
        </div>

        <div class="project-card">
          <h2>UniHealth</h2>
          <p>
            Co-founded a student health app concept focused on health center
            scheduling support and an AI symptom chatbot.
          </p>

          <div class="tech-stack">
            <span>Product Design</span>
            <span>AI Chatbot</span>
            <span>Team Collaboration</span>
          </div>

          <p class="project-note">Project concept and planning experience.</p>
        </div>

        <div class="project-card">
          <h2>Ultimate Tic-Tac-Toe AI</h2>
          <p>
            Artificial intelligence project that implemented search and
            decision-making strategies for Ultimate Tic-Tac-Toe.
          </p>

          <div class="tech-stack">
            <span>Python</span>
            <span>AI Search</span>
            <span>Algorithms</span>
          </div>

          <div class="button-row">
            <a
              href="https://github.com/Mish0322/Ultimate-TicTacToe"
              target="_blank"
              class="button"
              >GitHub</a
            >
          </div>
        </div>
        <div class="project-card">
          <h2>MSBA Chatbot Developer</h2>
          <p>
            Further develop an AI-powered chatbot for Cal Poly's Masters of
            Science in Business Analytics website to help prospective and
            current students access program information. Collaborate with MSBA
            faculty to identify user needs and improve chatbot responses.
            Support the chatbot development and testing using AWS and other
            programming tools, with a focus in response accuracy and user
            experience
          </p>

          <div class="tech-stack">
            <span>AWS Bedrock</span>
            <span>AWS Lambda</span>
            <span>Python</span>
          </div>

          <p class="project-note">Source code available upon request.</p>
        </div>
      </div>
    </main>

    <footer class="footer">© 2026 Kyra Ramirez</footer>
  </body>
</html>