A browser-based bioinformatics workspace for DNA, RNA, protein, and PDB structure data —
no installs, no command line, no prior bioinformatics-software experience required.
The Problem · The Solution · Live Demo · A Closer Look · Features · Under the Hood · Structure · Getting Started · Roadmap
Real bioinformatics analysis — nucleotide statistics, ORF detection, protein physicochemistry, structure prediction, profile scoring — normally lives behind a wall of command-line tools, local installs, and packages like BioPython, HMMER, or EMBOSS.
That wall is exactly where most students and newcomers to computational biology get stuck. The concepts are already dense; a terminal and a dependency list shouldn't be the first obstacle. What's missing is a place to paste a sequence and actually see the analysis, without setting up an environment first.
BioAnalyzer turns sequence analysis into a browser tab.
Paste a raw DNA, RNA, or protein sequence — or drop in a FASTA, FASTQ, or PDB file — and BioAnalyzer runs the full analysis instantly: nucleotide composition, ORF scanning, protein physicochemistry, an AlphaFold-style folding explainer, and a real bioinformatics toolkit (PSSM, HMM, Viterbi decoding, BLOSUM62 alignment). Every result is exportable to CSV.
Around that core tool sits a complete product experience:
| Area | What it does |
|---|---|
| 🧬 BioAnalyzer Pro | The analysis engine — sequence input, file upload, and six dedicated result tabs |
| 📖 Learning Hub | A guided introduction to bioinformatics: concepts, applications, tools, and a step-by-step learning path |
| 📚 Reference Library | A searchable collection of books, articles, and research papers |
| 🔐 Accounts | Login / sign-up flow and an editable user profile |
Paste a sequence — or generate a random one — and hit Analyze. Walk through the Nucleotide, Protein, 3D Structure, ORF Scanner, Bio Tools, and PDB Viewer tabs to see the full result set.
 |
| BioAnalyzer Pro — sequence input, file upload, and the Bio Tools panel (PSSM / HMM / Viterbi / Alignment) |
 |
 |
| Nucleotide Analysis — composition, GC/AT content, melting temp, complement strands | Protein Analysis — physicochemical summary, charge & stability, key residues |
 |
 |
| 3D Structure & Folding — primary → quaternary structure, plus an AlphaFold pipeline explainer | ORF Scanner — every open reading frame, with start/end, length, and translated AA length |
Accounts, from sign-in to a personal profile:
 |
 |
| Login / Sign Up | User Profile |
🧬 Sequence input, three ways. Paste DNA/RNA/protein directly, upload a .fasta, .fastq, or .pdb file, or generate a random DNA/RNA sequence to try the tool instantly. Detected sequence type (DNA vs RNA vs protein) is automatic.
📊 Six analysis tabs, one input. Nucleotide (length, type, GC/AT content, AT/GC ratio, melting temperature, complement, reverse complement, RNA transcription, base distribution). Protein Analysis (molecular weight, isoelectric point, GRAVY, aliphatic and instability index, net charge, extinction coefficient, disulfide bonds, codon map, composition, hydrophobicity, chemical groups) across eight sub-views. 3D Structure & Folding (a visual walk from primary to quaternary structure, plus an AlphaFold-style pipeline: input → MSA → pair embedding → Evoformer → structure module → 3D output, with pLDDT and contact-map explainers). ORF Scanner (every open reading frame with start, end, length, codon count, and AA length). Bio Tools (PSSM generation from a multiple sequence alignment, HMM, Viterbi decoding, and BLOSUM62 alignment). PDB Viewer (chain-by-chain inspection of real deposited structures).
📤 Nothing gets trapped in the browser. Every computed table is exportable to CSV for further analysis or coursework.
📖 A genuine learning path, not just a tool. The Learning Hub explains what bioinformatics is, its real-world applications (genomics, clinical informatics, drug discovery, healthcare analytics), the tools the field runs on (Python, R, Bioconductor), a short history of genomic analysis, case studies, and a five-step path from "start with Python" to "apply ML to healthcare."
📚 A reference library built in. Curated books, articles, and research papers, searchable and organized by type, for anyone who wants to go deeper than the tool itself.
🔐 Accounts and a personal workspace. Email/password sign-up and login (with Facebook/Google entry points in the UI) and a profile page for name, phone, email, address, and avatar.
BioAnalyzer is a client-side single-page application built with Create React App — deliberately lightweight, with no custom backend of its own yet.
- React 18 + React Router 7 — component-driven UI with client-side routing across the marketing pages, the analyzer, and the auth flow.
- Bootstrap 5 + React-Bootstrap — the layout and component grid the interface is built on.
- react-icons — the icon set used throughout the navigation, feature cards, and result panels.
- gh-pages — configured for static deployment; the live demo is hosted on Vercel.
- Create React App / react-scripts — the build tooling, dev server, and test runner.
bioanalyzer/
├── public/
│ ├── Css/ Global static styles
│ ├── img/ Static image assets
│ ├── favicon.ico
│ ├── index.html
│ ├── manifest.json
│ └── robots.txt
├── src/
│ ├── About/ About page
│ ├── bio/ Learning About Bioinformatics (education hub)
│ ├── D,Rsequance/ BioAnalyzer Pro — DNA/RNA/protein analysis engine
│ ├── Home/ Landing page
│ ├── Login/ Login & Sign Up
│ ├── Refrence/ Reference library (Books / Articles / Research Papers)
│ ├── Userprofile/ User Profile
│ ├── App.js
│ ├── App.css
│ └── index.js
├── package.json
└── README.md
- Node.js 18+
- npm
git clone https://github.com/omniaalessawy247-hash/bioanalyzer.git
cd bioanalyzer
npm install
npm startThe app will be running at http://localhost:3000.
| Command | Description |
|---|---|
npm run build |
Build the app for production |
npm test |
Run the test runner |
BioAnalyzer's current release is a fully built front-end experience; the items below are what's next.
| Area | Status |
|---|---|
| 🧬 BioAnalyzer Pro — sequence input, upload, all six analysis tabs | ✅ Complete |
| 🌐 Marketing & education site — Home, About, Learning Hub, Reference | ✅ Complete |
| 🔐 Login / Sign Up / User Profile UI | ✅ Complete |
| ⚙️ Backend integration for heavy computation (large sequences, real folding models) | 🚧 Planned |
| 🔑 Live authentication & persisted user accounts | 🚧 Planned |
| ☁️ Cloud storage for saved analyses | 🚧 Planned |
| 📈 Advanced visualization (interactive 3D structure rendering) | 🚧 Planned |
Omnia Elessawy Frontend Developer (React)
Built with React, React Router & Bootstrap