What is this? 🚀

Kreatable is a web and mobile application that transforms Krea's spreadsheets into accessible and aesthetically pleasing visualizations.

It works by parsing the GSheet/Excel sheets, extracting the data, and displaying it in a manner that does not make you want to bawl your eyes out.

Currently, Kreatable is capable of

  • Parsing the latest available mess menu spreadsheet and extracting the menu information
  • Visualizing the mess menu as a list or a tree graph
  • Intelligently searching the mess menu (so say goodbye to squinting and painful scrolling to find what you're eating next)
  • (Bonus) Providing a one-stop shop for useful links and resources that may come in handy during your time here

Why did I build this? 🛠️

Because Krea loves spreadsheets but I am tired of having to stare at a white sheet and scroll horizontally + vertically just to find what is for snacks today.

In some sense, Kreatable is the result of my continued frustrations about the fact that a disturbingly large amount of relevant communication at Krea is done via spreadsheets.

Want the mobile app? 📱

For Android

The procedure is straightforward - click on the button below to download the .apk file onto your phone, install it, and you're all set

Download APK

Alternatively, scan this QR code on your phone to start the download

QR Code to Download APK

For iOS

Unfortunately, I'm too broke to pay Apple $99/year for their Apple Developer Membership to deploy this to the App Store, so there is no iOS app at the moment. (P.S.: you can change this by Buying Me A Coffee 😉)

But fret not because you can still save the link of this website (kreatable.vercel.app) as an app icon using Safari: Here's a how-to guide

To make life easier, scan this QR code to open the kreatable website on your iPhone/iPad

QR Code to Download APK

Built with ❤️ using

  • React 18 - The library for web and native user interfaces
  • Next.js 13 - The React Framework for the Web
  • React Native - A framework for building native applications for Android, iOS, and more using React
  • Expo - An open-source platform for making universal native apps with React
  • Pico.css - Minimal CSS Framework for semantic HTML
  • React Accordion - An unstyled, accessible accordion library for React apps and design systems
  • React Highlight Words - React component to highlight words within a larger body of text
  • React D3 Tree - React component to represent hierarchical data as an interactive tree graph by leveraging D3's tree layout
  • React Icons - Popular SVG icons for React
  • React Feather - Collection of simply beautiful open source icons for React
  • React Responsive - CSS media queries in React
  • Classnames - A simple JavaScript utility for conditionally joining classNames together
  • Lodash - A modern JavaScript utility library delivering modularity, performance & extras
  • Vercel Analytics - Privacy-friendly, real-time traffic insights
  • Sheet.js + xlsx - Get Sheet Done
  • ESLint + Prettier + Google JavaScript Style Guide

Have feedback, do you? 🤔

I welcome any and all suggestions on how to improve Kreatable to better suit your needs. This is an application that was built with the troubles of the student body in mind. If you feel that some existing features need to be changed or that new features need to be added, please do not hesitate to let me know.

Give Feedback

Support me 🐶

If you like this tiny application and want to support my misadventures in the land of software development, consider Buying Me A Coffee. It helps me immensely when it comes to paying for server costs and my Github Copilot subscription, allowing me to build more applications like this one. Here's the button 🕺

Or if you have a thing for QR codes, I got you covered