Skip to content

This repo contains the webui for my final year undergraduate project. "Optimization of Hydrogen Production from flare gases". It focuses on optimizing the steam methane reforming process

de-marauder/gen-algo-webui

Repository files navigation

Gen Algo WebUI

gen-algo

A website for interacting with a genetic algorithm to optimize hydrogen production from flare gases using a Steam Methane Reformer. It makes use of an API to provide a user friendly interface for users to run the algorithm with mulltiple configurations and study the results using visually pleasing graphs.

How to use

Sign up

First of all, you have to create a user account. We just need a username, email and password. Nothing much. After that, you'll be taken to your dashboard. sign_up

Configurations

By default you have a config which you can create by navigating to https://gen-algo-webui.vercel.app/dashboard/config (This is of course after you've signed up). All you have to do is name it or not (an arbitrary name will be given if you don't). You can create multiple configurations perhaps depending on different flare samples or algorithm settings to study the behaviour with respect to those changes create-config
example-config

Runs

Using a particular configuration, you can make runs multiple times. When a run is done, you'll receive a notification (You need to subscribe to receive notifications first). create-run You also get a nice table to view all your runs per configuration. A summary of their average values are prepared as well. runs-table

Visualizations

You view graphs that map the way the results of the algorithm changes with successive runs. This can help you gain an idea of the algorithms performance and suitability of the results obtained. You can also easily compare them with graphs from the results obtained with other configurations by simply toggling between different configs.

visualizations

Technologies

  • Website was built with NextJs 13. It makes use of the App Router
  • Notifications are handled with FCM (firebase Cloud Messaging)
  • Graphs are plotted using d3.js

About

This repo contains the webui for my final year undergraduate project. "Optimization of Hydrogen Production from flare gases". It focuses on optimizing the steam methane reforming process

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published