Gene Explorer is a cross-platform application developed as part of PoliHack v17, under the AppDev division. Its main objective is to support researchers, bioinformaticians, and healthcare professionals in exploring the complex relationships between human genes and pharmaceutical compounds.

The application is fully responsive and can be accessed seamlessly across desktop, tablet, and mobile devices, making it adaptable for both field work and research labs.

By integrating interactive data visualizations and AI-powered tools, the platform enables users to identify promising opportunities for drug repurposing—the process of discovering new therapeutic uses for existing medications.

We are a team of five students passionate about technology, innovation, and biomedical research. Our group includes three 3rd-year students and two 2nd-year students from the Faculty of Computer Science.

Team Lead: Ruse Teodor – responsible for coordinating development, UI/UX direction, and integration between components.

• Gene Search – Enter any human gene to begin exploring its biological and pharmaceutical context.
• Drug Repurposing Engine – Discover existing drugs with high interaction potential based on gene-specific data.
• Interactive 3D Graph – Visualize complex gene–drug networks through a dynamic, node-based interface.
• BioGPT-powered Chatbot – Ask biomedical questions in natural language and receive real-time answers from an AI assistant.
• Gene Details Panel – Access structured data including nomenclature, functional role, genomic location, and known aliases.
• Drug Insights – View enriched information about suggested drugs, including usage context, interaction score, and scientific summaries.
• Cross-Platform Ready – Fully responsive and optimized for both desktop and mobile devices.

📦 root/
│
├── public/
│   ├── datasets
│   ├── video_prima_pg.mp4
│   ├── logo-shift-happens.png
│   ├── chatbot-icon.png
│   └── img_prima_pg.jpg
│
├── imgReadMe/                        # Images for README.md visual flow  
│
├── src/
│   ├── index.js                      # Entry point – renders App
│   ├── App.js                        # Main app logic & state
│   ├── App.test.js                   # Basic test setup
│
│   ├── DA/                           # Frontend components
│   │   ├── Page1.js                  # Landing page
│   │   ├── Page2.js                  # Graph + drug view
│   │   ├── Chatbot.js                # AI chatbot (BioGPT)
│   │   └── formatBioGPTResponse.js   # Chat output formatter
│
│   ├── TV/                           # Data & logic layer
│   │   ├── GeneInfo.ts               # Gene info (NCBI)
│   │   ├── GeneCode.ts               # KEGG gene codes
│   │   ├── GenetoDrugDetails.ts      # Drug interactions (DGIdb)
│   │   ├── GeneToNetwork.ts          # Gene to network (KEGG)
│   │   ├── GraphData.ts              # Graph builder (nodes/links)
│   │   ├── moreDrug.ts               # Drug info (FDA)
│   │   ├── MyGraph.js                # 3D graph component
│   │   └── NeworkNameMembers.ts      # Parse network relationships
│
│
├── proxy.js              # API proxy for backend requests
├── proxy_bigBoss.js      # Main backend proxy (KEGG endpoints)
├── package.json          # Project dependencies and scripts
└── README.md             # Project documentation and setup guide

Homepage	Gene & Graph View	Gene Details	Drug Details	Chatbot

The application integrates an intelligent biomedical assistant called Shifty, powered by BioGPT. Users can interact in natural language to retrieve information about genes, conditions, and preventative measures.

• "How do I prevent breast cancer?"
• "What is the function of BRCA1?"
• "What drugs interact with gene SRC?"

git clone https://github.com/AriiSM/PoliHack_V17/tree/main
cd poli_hack

npm install --legacy-peer-deps
npm run dev