Introduction:

Moleculeview is a cutting-edge, web-based molecular viewer designed to bridge the gap between complex chemical data and intuitive visual understanding. It allows students, educators, and researchers to explore the microscopic world of atoms directly from their browser.

Key Features:

• Interactive 3D Control: Rotate, zoom, and pan molecules with ease.

• Multiple View Modes: Toggle between 3D and 2D structures instantly.

• Visual Styles: Choose between Sphere + Stick, Stick Only, Sphere, and Line Wireframe.

• Export Options: Download high-resolution PNG images, record 360° spin videos (WebM), and export raw SDF data.

• Real-time Data: Integrated with the NCBI PubChem API for instant molecule retrieval.

• Smart History: Remembers your recent searches locally.

• Dark Mode Support: Fully responsive and optimized for both light and dark themes.

Technologies Used:

• React.js

• Tailwind CSS

• 3Dmol.js (WebGL)

• PubChem REST API

• Axios

Core Features of Moleculeview
 • Real-time 3D Visualization: High-performance 3D rendering of molecular structures using WebGL.
 • Dual View Modes: Seamlessly switch between 3D Interactive View and 2D Chemical Diagrams.
 • Automated 360° Spin: Built-in auto-spin feature for dynamic presentation and visualization.
 • Video Recording: Capture and record high-quality WebM spin videos directly from the browser.
 • Multi-Format Export: Download molecular structures as high-resolution PNG images or raw SDF data files.
 • PubChem Integration: Instant access to millions of compounds via the official PubChem API.
 • Direct PubChem Reference: Integrated "PubChem ↗" button to view comprehensive compound data on the official NCBI website.
 • Customizable Styles: Choose from multiple rendering styles including Sphere + Stick, Stick, Sphere, and Line Wireframe.
 • Interactive Properties Panel: View detailed molecular data like IUPAC Name, Molecular Formula, Weight, and Charge.
 • Smart Search History: Automatically saves recent searches locally on the user's device for quick access.
 • Dark Mode Support: Fully optimized with a modern dark theme and responsive design for all screen sizes.
 • Lightweight & Serverless: Pure client-side application with no database required (runs via API).

• Web Browser: Modern browsers like Chrome, Firefox, Safari, or Edge.

 • Internet Connection: Required to fetch molecular data and 3D models from the PubChem API.

 • Hardware: Supports WebGL for smooth 3D rendering (available in almost all modern smartphones and computers).

 • Launch: Open the index.html file in any web browser.
 • Search: Enter the name of a chemical compound (e.g., "Caffeine" or "Aspirin") or its CID in the search bar and press Enter.
 • Interact: Use your mouse or touch to rotate, zoom, and pan the 3D molecule.
 • Customize: Use the top control bar to change the view style, toggle spin, or show atom labels.
 • View Properties: Click the "View Properties" button to see detailed molecular data.
 • Export: Use the download buttons to save PNG images, SDF files, or record a spin video.