SynapseLab

中文说明

SynapseLab is an interdisciplinary research collaboration platform built with React + CloudBase. It connects researchers, research ideas, projects, papers, and AI-assisted workflows in a unified knowledge network.

Overview

SynapseLab is a full-stack application that includes:

• A production-ready React frontend
• CloudBase cloud functions for backend logic
• Database schemas, seed data, and security rules
• Local development and CloudBase deployment documentation
• Testing, operations, and maintenance guides

Live demo: SynapseLab Online

What Problem It Solves

Research collaboration often suffers from three recurring issues:

• ideas are scattered and hard to validate continuously
• cross-disciplinary researcher connections are difficult to form
• projects, papers, and people are rarely shown as one structured network

SynapseLab is designed to turn those disconnected pieces into a dynamic knowledge graph so users can:

• publish research ideas
• discuss and refine hypotheses in the ideation space
• create and advance interdisciplinary projects
• join a scholar network and build graph relationships
• upload papers and connect them to researchers and projects

Implemented Features

• landing page and platform introduction
• ideation page, idea details, and idea publishing flow
• research studio, project details, and project linking flow
• scholar graph and immersive full-screen graph mode
• notifications center and profile center
• CloudBase cloud functions and database integration
• CloudBase static hosting deployment
• project documentation for architecture, database, deployment, and testing

UI Preview

Home

The landing page introduces the platform concept, visual language, and the core message of connecting isolated ideas and accelerating innovation.

Research Studio

The studio page focuses on project progress, interdisciplinary collaboration, and project workspace management.

Scholar Graph

The scholar graph visualizes the relationship network between researchers, projects, and papers. It is one of the core interaction surfaces of the platform.

Screenshot notes: Screenshot Guide

Repository Structure

SynapseLab/
├── README.md
├── README.zh-CN.md
├── web/                # React frontend
├── cloudfunctions/     # CloudBase cloud functions
├── database/           # Schemas, seed data, and rules
├── deploy/             # Deployment docs and checklists
├── docs/               # Architecture, design, testing, and project docs
├── materials/          # Raw materials and reference files
├── tests/              # Test directory
└── scripts/            # Supporting scripts and notes

Recommended Reading Order

1. Project Overview
2. Requirements Analysis
3. System Architecture
4. Frontend Guide
5. CloudBase Deployment Guide

Local Development

Run the frontend locally:

cd web
npm install
npm run dev

Build for production:

cd web
npm run build

CloudBase-Related Directories

• cloudfunctions: backend business logic implemented as cloud functions
• database: collections, seed data, and production rules
• deploy: deployment steps, environment samples, and launch checklists

Documentation

docs contains system design, database design, page design, deployment instructions, and testing-related documentation for the project.

Use Cases

This repository is suitable for:

• continued SynapseLab feature development
• CloudBase deployment and product demos
• iterative work on an interdisciplinary research collaboration platform

If you are new to the codebase, start with the README.md files inside each major directory.