Skip to content

Syed25794/AI-Reactor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AI Reactor

AI Reactor is an innovative platform that allows users to create, experiment with, and explore chemical reactions in a simulated environment. Leveraging AI, users can mix elements from the periodic table, discover potential reactants, and interact with generated products—all from the convenience of a multilingual and intuitive interface. User can also save their chemical reaction by creating an account on the platform. Let's explore the AI Reactor. Here is the application walkthrough link -> https://www.youtube.com/watch?v=uFhTjBkIpjo

Tech Stacks

AI Reactor is built with the following technologies:

  • Frontend: HTML | CSS | JavaScript | React
  • Backend: Gemini API | JavaScript
  • Database & Authentication: Firebase
  • Monitoring & Testing: Checkly

Welcome and walkthrough Interface

The welcome page and a walkthrough of the main page will open for the user's first visit.


Screenshot 2024-11-26 105516

Screenshot 2024-11-26 105524


Add or Select Reactant Interface

Users can type their choice of elements or compounds or select them directly from the periodic table. The application utilizes the Gemini API to leverage AI for intelligently correcting reactant names, formulas, and even their states.


Screenshot 2024-11-26 105537

Screenshot 2024-11-26 105555

Screenshot 2024-11-26 105605

Screenshot 2024-11-26 105630

Screenshot 2024-11-26 105641

Screenshot 2024-11-26 105726

Screenshot 2024-11-26 105753

Screenshot 2024-11-26 105802

Login And Sign-up Pop-up

Users can save their reaction history by creating an account and logging in. This ensures that their experiments and results are securely stored for future reference.


image


Screenshot 2024-11-26 105840


Selecting Elements from the Periodic Table and Creating Compounds

Users can select individual elements from the periodic table to create compounds. These compounds can then be used on the final reaction page to explore chemical reactions.


Screenshot 2024-11-26 105910

Screenshot 2024-11-26 105925

Screenshot 2024-11-26 105943


Perform Final Reaction

Users can perform the final reaction on the dashboard.


Screenshot 2024-11-26 105953

Screenshot 2024-11-26 110003

Screenshot 2024-11-26 110033

Thanks for taking the time to explore the AI Reactor.