Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/meenalsingh0/GradGather/llms.txt

Use this file to discover all available pages before exploring further.

The Connect page is GradGather’s core networking hub. It presents alumni profiles as a responsive card grid so that students and fellow alumni can quickly scan the network, identify professionals by company and role, and express interest in connecting. Each card shows a photo, the person’s name, their current job title and employer, and a Connect button for initiating contact.

​
Accessing Connect

The Connect page is served from a dedicated Express route that renders connect.hbs:
MethodPathDescription
GET/connectConnect page with people cards
// src/index.js
app.get("/connect", (req, res) => {
  res.render("connect");
});

​
People Cards

The page renders a connect-grid div that contains one .person-card element per alumni profile. Each card includes a profile photo, a full name heading, a job title and company paragraph, and a Connect button. The three alumni profiles currently displayed are:

John Doe

Software Engineer at Google

Jane Smith

Product Manager at Facebook

Bob Johnson

Data Scientist at Amazon
<!-- tempelates/connect.hbs — people card markup -->
<section class="connect-section">
  <h1>People You Can Connect With</h1>
  <div class="connect-grid">
    <div class="person-card">
      <img src="images\person\person1.jpg" alt="Person 1">
      <h2>John Doe</h2>
      <p>Software Engineer at Google</p>
      <button>Connect</button>
    </div>
    <div class="person-card">
      <img src="images\person\person2.jpg" alt="Person 2">
      <h2>Jane Smith</h2>
      <p>Product Manager at Facebook</p>
      <button>Connect</button>
    </div>
    <div class="person-card">
      <img src="images\person\person3.jpg" alt="Person 3">
      <h2>Bob Johnson</h2>
      <p>Data Scientist at Amazon</p>
      <button>Connect</button>
    </div>
  </div>
</section>
The Connect button on each card is currently a UI scaffold — it does not yet trigger a backend connection request workflow. Clicking it has no effect server-side. A future implementation would POST to a connections endpoint, storing a pending request document in MongoDB and notifying the recipient.
The Connect page includes the full alumni navbar styled with a purple (#a781f5) background. The navbar links are identical to those on the alumni dashboard:
LabelPath
Events/Events
Forum#
Clubs/clubs
Connect/connect
Alumni Directory/directory
Profile/userprofile
<!-- tempelates/connect.hbs — navbar with purple background -->
<nav class="navbar">
  <div class="logo">BridgeU</div>
  <ul class="nav-links">
    <li><a href="/Events">Events</a></li>
    <li><a href="#">Forum</a></li>
    <li><a href="/clubs">Clubs</a></li>
    <li><a href="/connect">Connect</a></li>
    <li><a href="/directory">Alumni Directory</a></li>
    <li><a href="/userprofile">Profile</a></li>
  </ul>
</nav>

Build docs developers (and LLMs) love

Get started for freeTalk to us