This is a full-stack web application that I made for CIS*2750 (Software Systems Development and Integration) at the University of Guelph.
The Sinclair MolViewer takes uploaded SDF files of molecules, and creates a corresponding SVG image file to represent them on the website. It outputs the SVG file to the webserver, allowing the user to rotate it as they want to see the molecule from different angles. The user also has the ability to choose the size and colours of different atom elements.
Front-End: JavaScript, JQuery, HTML/CSS
Back-End: Python, C, Swig, SQLite
With the front-end, JQuery was used for the majority of the JavaScript programming, while HTML and CSS was used to design and structure the webpages.
On the back-end, a C library was programmed to perform molecule-specific computations quickly, which was used by the Python scripts in the project. Python was used to interface with the SQLite database and perform back-end web-server operations.
The Swig file used to allow my program to interface the C library with Python was created by Professor Kremer.
Determining how an Oxygen Element will Look
Uploading a Molecule
Molecule Viewer Interface
Caffeine Molecule
Rotating the Caffeine Molecule
