top of page

From Spreadsheet Chaos to React Radiance: Building the World's Largest PSM Facility Database

Writer's picture: Steven BarrowSteven Barrow

largest PSM database in the world

Look, I know what you're thinking: "Another database app? How facility-tating!" But hold onto your hard hats, because this isn't your grandfather's Excel spreadsheet. We've built something that would make Marie Kondo weep tears of organized joy.


The Challenge: Taming the Process Safety Beast

Process Safety Management (PSM) is no joke. It's like trying to juggle chainsaws while riding a unicycle – on a tightrope. Over fire. With thousands of facilities worldwide needing to track their PHAs (Process Hazard Analysis) and audits, the industry was drowning in spreadsheets faster than you can say "conditional formatting."


The Tech Stack: Because Modern Problems Require Modern Solutions

We went full modern web with:

  • Next.js 15 (Because who needs pages when you can have app router?)

  • Firebase (Our data is lit 🔥)

  • Tailwind CSS (For when Bootstrap is too bootstrappy)

  • shadcn/ui (Because life's too short to build dropdowns from scratch)

  • React Table v8 (Turning table flipping into table flexing)

It's like the Avengers of web development, if the Avengers were really good at handling data filters.


Features That Make Excel Users Want to VLOOKUP and Cry

The Data Table of Dreams

Remember when filtering meant squinting at tiny dropdown arrows? Our table component is so smooth, it makes butter jealous. With features like:

  • Multi-select filters that actually make sense (AND they work with OR logic – take that, Excel!)

  • Date range filters that don't require a PhD in spreadsheet formulas

  • Column visibility toggles that don't disappear into the void

  • Search functionality that doesn't crash when you type too fast


filter badges
filter badges

Filter Badges: The Breadcrumbs of Power

We added these cute little filter badges at the top of the table. They're like the receipts of your filtering choices, but actually useful and won't fade in your pocket. Each badge shows exactly what you're filtering by, and you can dismiss them faster than a LinkedIn connection request from a recruiter.


User feature to add PSM facilities to database
Users can add a single facility or bulk upload facilities from a csv file

Real-time Updates

Thanks to Firebase, our data updates faster than you can say "Did someone just add another facility?" It's like Google Docs, but for people who actually need to get work done.


The Secret Sauce: User Experience That Doesn't Suck

We took special care with the UX because, let's face it, PSM professionals have enough stress without fighting their software. Some highlights:


The Date Handling

Our date handling is so smooth, it makes time travel look complicated. Need to filter facilities by their last PHA date? Click, click, done. No more "is this MM/DD/YYYY or DD/MM/YYYY" existential crises.


The Type System

TypeScript is keeping our code so strict, it makes your high school principal look chill. Zero runtime errors? We've got more type safety than a bubble wrap factory.


The Dark Mode

Because nothing says "I'm a serious developer" like a dark mode that doesn't blind you at 2 AM when you're checking facility audit dates.


Performance That Makes Google Analytics Look Slow

Our app is so fast, it makes Usain Bolt look like he's running in slow motion. The table rendering is smoother than a freshly waxed floor, and the filtering is faster than your coffee break.


Conclusion: The Future is Here, and It's Facility Amazing

We've built more than just a database – we've created a PSM professional's dream workspace. It's like if Mary Poppins organized your process safety data: practically perfect in every way.

No more Excel files named "Final_Version_FINAL_v2_REALLY_FINAL.xlsx". No more email chains about who updated what when. Just pure, unadulterated data management bliss.

And the best part? It's scalable enough to handle thousands of facilities. It's like having a library card for the world's biggest PSM facility collection, except the librarian is a super-powered AI that never shushes you.


Come see for yourself! You can access the live database at the following link: https://database.patronusenergy.com/


What's Next?

We're not stopping here. Coming soon:

  • More integrations than a calculus textbook

  • AI-powered insights (because why should humans have all the fun?)

  • Even more dad jokes in the loading screens

Remember: In a world full of spreadsheets, be a web app. And if you're still using Excel for PSM tracking, we need to have a serious talk about your life choices.

P.S. No spreadsheets were harmed in the making of this application. They were just quietly retired to a nice farm upstate where they can run free with other obsolete software.

1 view0 comments

Comments


bottom of page