Skip to content

blank360/researchbridge-frontend

Repository files navigation

ResearchBridge 🔬

Global Research Collaboration Platform — connecting ambitious students from developing countries with research opportunities at top universities worldwide.

Built for the Tech Builders Program Hackathon 2026 hosted by University of Engineering & Management.


Features

  • Research Feed — Browse open projects with AI match scores and equity scoring
  • AI Mentor — Claude-powered chat that explains papers, writes proposals, preps cold emails
  • Cold Outreach Assistant — AI drafts personalized professor emails based on their research + your background
  • Verified Portfolio — Blockchain-timestamped research timeline, supervisor-verified contributions

Quick Start

npm install
npm run dev

Open http://localhost:5173


Tech Stack

Layer Tech
Frontend React 18 + Vite + React Router
Styling CSS Modules
AI Anthropic Claude (claude-sonnet-4-20250514)
Database Firebase Firestore (plug in your config)
Auth Firebase Authentication

Project Structure

src/
  components/
    Navbar.jsx         # Navigation
    ProjectCard.jsx    # Research project listing card
    UI.jsx             # Reusable primitives (Button, Card, Tag...)
  pages/
    Feed.jsx           # Main research project feed + equity score
    Mentor.jsx         # AI Mentor chat (live Claude API)
    Outreach.jsx       # Cold email generator (live Claude API)
    Portfolio.jsx      # Verified research timeline
  lib/
    claude.js          # Anthropic API helper
    data.js            # Seed data (replace with Firestore)

For Production

  1. Create a backend Express proxy for the Anthropic API key
  2. Add Firebase config to src/lib/firebase.js
  3. Deploy to Vercel: vercel --prod

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors