Inspiration
Chemistry resources and calculators are often scattered across multiple websites with clunky interfaces. We wanted to create a unified, modern hub—inspired by clean productivity tools like Trello—where students, educators, and professionals can pull up physical properties, visualize solubility data, and understand complex molecular structures instantly.
What it does
Smart Lookup: Users can search for specific elements or complex chemical formulas to instantly retrieve properties like molar mass, electronegativity, valence electrons, and specific heat capacity, and most importantly, Lewis diagrams. Solubility Graphing: Dynamically plots interactive solubility curves (using Chart.js) based on temperature and solubility data.
How we built it
The project was built using HTML, CSS, and JavaScript to keep it lightweight and fast. We used Chart.js for the graphing capabilities. The chemical formula parsing and Lewis structure generation rely on custom-built JavaScript algorithms. Data is dynamically ingested out of local CSV files https://gist.github.com/GoodmanSciences/c2dd862cd38f21b0ad36b8f96b4bf1ee, [https://github.com/newfound-materials/aqueous-solubility-data/blob/main/all_solubilities_v1_1.csv}(Solubility CSV), http://downloadexcelfiles.com/wo_en/download-excel-file-list-chemical-formulaswe pulled from online.
Challenges we ran into
Lewis Structures: We started with struggling just getting it on the page, and then we struggled with making the valence electrons be in the right place and teaching the code to generate it on its own while also having the valence electrons in the right place and having the right amount on each side. Solubility Curves: `We stuggled at first to get it to actually get the lines to pop up on the graph, then we struggled to make the lines curve(we spent a solid hour or two on that), and then finally we stuggled on making multible formulas pop up on the graph and making the buttons function. Overall getting the graph to actually fully functional took us a while Connecting CSVs to the web page*: It was fustrating because the data would either be incorrect or not pop up at all and would show null.
Accomplishments that we're proud of
Successfully building the Lewis structure generator from scratch without relying on external chemistry libraries, Creating a highly polished, professional UI, working and collaborating on a team
What we learned
Advanced JavaScript algorithmic problem-solving(chart.js) to enforce real-world chemistry logic. How to manage and parse bulk local CSV data in the browser cleanly. Modern CSS design principles to create a cohesive, readable, and responsive user interface.
What's next for ChemSearch
3d molecular compounds: Add a intercactive 3d model of a molecular structure Stochiametry Balancer: Input chemical reactions of 2 substances and get the balenced equation for it Larger Database: have a bigger database to support thousends of compounds to get information and data from and search for
Log in or sign up for Devpost to join the conversation.