Molecule Visualizer is an innovative data structures and algorithms initiative designed to represent and manipulate chemical molecules in a three-dimensional space using graph data structures. Each atom is represented as a node, and each bond as an edge, allowing for a flexible and dynamic representation of molecular structures. The construction of the molecular graph employs Breadth-First Search (BFS) to ensure comprehensive and systematic node traversal, facilitating the accurate assembly of the molecule. Depth-First Search (DFS) is implemented for cycle detection, crucial for identifying rings and complex substructures within the molecule.

• Detailed information sharing about the constructed molecules Physical and Chemical Properties.
• Bond angle calculations and molecular geometry analysis.
• Algorithmic efficiency for real-time updates and smooth interactions.

Client: React JS, Material UI, Tailwind CSS

Server: Node JS, Express JS

Plotting: Plotly JS

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.

git clone https://github.com/TharunKumarrA/Molecule-Visualiser-DSA.git
cd Molecule-Visualiser-DSA

cd Backend
npm install
cd ..

cd molecule-visulaiser
npm install
cd ..

# Server Port Number
PORT=<PORT_IN_WHICH_YOU_WANT_THE_BACKEND_TO_RUN_IN>

# API Key for Gemini 1.5 AI Model.
API_KEY=<YOUR_SECRET_KEY>

nodemon App.js

npm run start

Gemini 1.5 Flash

API-Reference

• Tharun Kumarr A
• Naganathan M R
• Lowkik Sai P
• Praveen K
• Bharath S
• Hariprasath M

• Validation of the compounds that has be entered by the user.
• Extending the available hybridisation of molecules to sp3d and sp3d2.
• Allowing for various type of elements available in the periodic table.

• Add Atoms: Navigate to the menu bar at the right side of the page. Initially you need to add all the atoms with respective hybridisations that are present in your molecule using the Add Atoms menu.

• Add Bond: Menu in the right side will be comprising a option named Add Bond. Using this option select respective two atoms and the type of bond Single, Double, Triple. Then add bond will connect those two atoms in the 3d space.

• These are prebuilt molecule templates for visualizing. These include the most common Organic and Inorganic compounds for fast visualization.

• Once you constructed the molecule using the option available, you can see the Check Cycle information in the bottom of the menu bar present at the right. This indicates whether the constructed molecule is Cyclic or Acyclic.

• Once you have constrcuted the molecule, use the option Get Data available at the top left. This option when trigerred whill fetch you all the Chemical and Physical Properties of the molecule that has been constrcuted.

graph TD
    A[Start] --> B[Add Atoms]
    B --> C[Add Bond]
    C --> D{Cycle Detection}
    D -->|Cyclic| E[Identify Rings]
    D -->|Acyclic| F[Proceed]
    E --> F
    F --> G[Calculate Bond Angles]
    G --> H[Analyze Molecular Geometry]
    H --> I[Get Physical/Chemical Properties]
    I --> J[Display Results]
    J --> K[Real-time Updates]
    K --> L[End]