A modern, responsive bioinformatics web application for translating and reverse-translating biological sequences — DNA, RNA, and Protein — built with React and Tailwind CSS v4.
BioConvert automatically detects your input sequence type in real-time, supports the full conversion matrix across all three sequence types, and lets you copy or download results instantly.
| Initial State | After Translation |
|---|---|
 |
 |
- Auto-Detection — Automatically identifies whether the input is DNA, RNA, or Protein based on its molecular alphabet
- Full Conversion Matrix — Supports all six conversion directions:
- DNA → RNA
- DNA → Protein
- RNA → DNA
- RNA → Protein
- Protein → DNA
- Protein → RNA
- Copy to Clipboard — One-click copy of the translated output
- Download Output — Save results as a
.txtfile - Responsive Design — Works seamlessly on desktop and tablet screens
| Layer | Technology |
|---|---|
| Framework | React 19 + Vite 6 |
| Styling | Tailwind CSS v4 |
| UI Components | Material UI (MUI) |
| Animations | Framer Motion |
| Package Manager | npm |
- Node.js v18 or higher
# Clone the repository
git clone https://github.com/Self-Lakshh/BioConvert.git
cd BioConvert
# Install dependencies
npm install
# Start the development server
npm run devnpm run buildBioConvert/
├── public/
│ └── screenshot1.png
│ └── screenshot2.png
├── src/
│ ├── assets/
│ │ └── bioconvertlogo.jpg
│ ├── components/
│ │ ├── Header.jsx
│ │ ├── Footer.jsx
│ │ ├── InputBox.jsx
│ │ └── OutputBox.jsx
│ ├── utils/
│ │ └── translator.js
│ ├── App.jsx
│ └── main.jsx
├── index.html
└── package.json
- Enter a biological sequence (e.g.
ATGCGTfor DNA,AUGCGUfor RNA, orMRfor Protein) - BioConvert automatically detects the sequence type
- Select your desired conversion from the dropdown
- Click Translate to see the result
- Copy or download the output
Made by Lakshya Chopra (23CS002830) and Riya (23CS002792)
This project is licensed under the MIT License.