A modern web application that matches researchers with students, featuring a dark mode interface and intuitive design.

• Dark Mode: Modern dark theme with blue accent colors
• Responsive Design: Works on desktop, tablet, and mobile devices
• Clean UI: Professional and user-friendly interface

• LabTab Logo: Prominently displayed on the left
• Navigation Icons: Dashboard and messaging icons
• User Profile: Profile picture on the right side

• University Dropdown: Filter researchers by university
• Search Bar: Search by researcher name, field, or keywords
• Filter Button: Additional filtering options (expandable)

• Card Layout: 1/4 and 3/4 split design
• Profile Section (1/4):
  • Professional photo
  • Name and title
  • Contact information (email, phone, location)
• Research Section (3/4):
  • Research summary (top half)
  • Featured publications (bottom half)

LabTab/
├── index.html          # Main HTML structure
├── styles.css          # CSS styling and layout
├── script.js           # JavaScript functionality
└── README.md           # This file

1. Open the Application:

   • Simply open index.html in your web browser
   • No server setup required for basic functionality

2. Navigate the Interface:

   • Use the university dropdown to filter by institution
   • Type in the search bar to find specific researchers
   • Click the filter button for additional options
   • Click on dashboard/message icons in the banner

3. View Researcher Profiles:

   • Browse through researcher cards
   • Read research summaries and publications
   • Contact researchers using provided information

• Real-time Search: Results update as you type
• Multi-field Search: Searches across names, research summaries, and publications
• Case-insensitive: Works regardless of capitalization

• Pre-populated Universities: Major research institutions included
• Dynamic Filtering: Cards update based on selection
• Clear Selection: Option to show all researchers

• Mobile-friendly: Optimized for smartphones
• Tablet Support: Works well on medium-sized screens
• Desktop Optimized: Full-featured experience on large screens

Edit the index.html file and add new researcher cards following the existing structure:

<div class="researcher-card">
    <div class="card-left">
        <!-- Profile image and contact info -->
    </div>
    <div class="card-right">
        <!-- Research summary and publications -->
    </div>
</div>

Modify styles.css to customize:

• Colors and themes
• Layout proportions
• Typography
• Spacing and sizing

Extend script.js to add:

• New search filters
• Additional interactions
• API integrations
• User authentication

• ✅ Chrome (recommended)
• ✅ Firefox
• ✅ Safari
• ✅ Edge
• ⚠️ Internet Explorer (limited support)

Potential features to add:

• User authentication system
• Real-time messaging
• Advanced filtering options
• Researcher application system
• Student profiles
• Matching algorithm
• Notification system

For questions or issues, please refer to the code comments or create an issue in your project repository.

LabTab - Connecting the next generation of researchers and students.