DNA-web

English | 简体中文

A modern web application built with Next.js that allows you to encode UTF-8 text into DNA sequences and decode DNA sequences back into text. This tool demonstrates the conversion between digital binary data and biological DNA base pairs (A, C, G, T).

Features

• Text Encoding: Convert any UTF-8 text into a DNA sequence.

  • Generates Binary representation.
  • Generates DNA Positive Strand (A=00, C=01, G=10, T=11).
  • Generates DNA Negative Strand (Complementary).

• DNA Decoding: Convert DNA sequences back into readable text.

  • Cleans input to ensure only valid bases (A, C, G, T) are processed.
  • Displays Binary representation.
  • Recovers original UTF-8 text.
  • Shows Complementary Strand.

• Modern UI: Built with Shadcn UI and Tailwind CSS.

  • Dark/Light/System theme support.
  • One-click copy to clipboard for all results.
  • Responsive design.

Tech Stack

• Framework: Next.js
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Shadcn UI
• Icons: Lucide React

Getting Started

Follow these steps to run the project locally.

Prerequisites

• Node.js (LTS version recommended)
• pnpm (or npm/yarn)

Installation

1. Clone the repository:

   git clone https://github.com/project-aico/dna-web.git
   cd dna-web

2. Install dependencies:

   pnpm install
   # or
   npm install

3. Run the development server:

   pnpm dev
   # or
   npm run dev

4. Open http://localhost:3000 with your browser to see the result.

Scripts

• pnpm dev: Runs the app in development mode.
• pnpm build: Builds the app for production.
• pnpm start: Starts the production server.
• pnpm lint: Runs the linter.

License

This project is licensed under the GNU General Public License v3.0.