Git Product home page Git Product logo

coolpool's Introduction

Cool Pool

An alternative, simplistic, to-the-point front end to the ERP application my university uses to display mess/food coupon codes

Features

  • Generating qr codes ๐Ÿ‘พ
  • Dark Mode ( OLED friendly :) ) ๐ŸŒš
  • Simplistic, 1 tap access to mess codes โšก
  • Stealth mode to blend in with normal users เถž
  • Cyberpunk-ish neon glow ๐Ÿ‘จโ€๐ŸŽค (thanks @codeSpicer for the css ๐Ÿ™ƒ)

Screenshots

  • Mess code screen

  • QR code screen

  • Stealth Mode

    ๐Ÿ‘€เถž๐Ÿคซเถž๐Ÿ‘€
    only one way to find out ๐Ÿ‘€

How to use?

  • visit the site
    (optionally install the app as a PWA from the browser)
  • login with your enrollment number and password (not the microsoft account password)
  • ๐Ÿ’ฒ๐Ÿ’ฒ๐Ÿ’ฒ ๐Ÿค‘ profit
    enjoy 1 tap access to mess codes with OLED friendly dark mode

For running/developing locally

  • You would need the .env.development.local file (contact me for that). \

    Following is an old template that should get you going:

    NODE_ENV=development

USE_PROXY=true
VUE_APP_SCHEME=http
VUE_APP_API_URL=localhost:3000

VUE_APP_API_URL_FOR_PROXY=localhost:8080
VUE_APP_PROXY_BACKEND_URL="<<YOUR COLLEGE SPECIFIC URL FOR THAT APP>>"

VUE_APP_MESS_ENDPOINT=<<API endpoint used to fetch mess cards for your instance>>
VUE_APP_AUTH_ENDPOINT=<<API endpoint used to login for your instance>>

META_DESC=<< Description for the site >>
    • USE_PROXY: if you want to use the actual backend instead of the mock local api server, then you'd need to specify the backend url for your specific uni, provided by their application

  • run npm run serve

coolpool's People

Contributors

codespicer avatar panshul0071 avatar roguedbear avatar yashash-pugalia avatar

Stargazers

avatar avatar avatar

Watchers

avatar

Forkers

panshul0071

coolpool's Issues

optimise css

  • move all the glow effects, in one global rule

implement qr code functionality

need to figure out / help wanted in replicating qr code generation + understanding & reimplementing the encryption that the original app uses when it displays the qr code

[CONTRIBUTIONS OPEN] new logo~~

the current logo already feels like i cheaped out on that aspect (spoiler: which i did). Now to make coolpool cool again, we need a new cool logo/icon.

preferred file format would be svg, and icon should fit in 1:1 aspect ratio.

Anyone who wants to suggest an existing icon or create a new one, you have full creative freedom on how the logo should look like since nothing specific comes to mind when you think about an ERP application or even what coolpool is trying to achieve

add logos

  • website icon
  • pwa icon
  • pwa color scheme
  • html metadata stuff so discord/tele can show embeds

also a nice todo:

  • add Android 12/13 compatible Material You icons. (if possible) src

fix: show the appropriate text when the menu is empty

unable to resolve this till now, but in MessCodeScreen.vue, there are 3 conditions:

  • show the menu items
  • show the "nothing in menu" if menu is empty
  • otherwise show the "loading..." text

coolpool/src/components/MessCodeScreen.vue

Lines 4 to 12 in 090239d

<div v-if="!menuEmpty && this.menu !== null">
<div v-for="menuEntry in sortedMenuByTime" :key="menuEntry">
<MenuItem :jsonMenu="JSON.parse(menuEntry.body)" />
</div>
</div>
<div v-else-if="menuEmpty && menu !== null">
Menu doesn't seem to contain anything right now :/
</div>
<div v-else><h2>Loading...</h2></div>

around midnight, when the menu is empty, ideally "nothing in menu" should be shown but instead no text is shown. ie condition 1 runs and renders a blank.

attempts to fix this boolean logic have been futile and resulting in broken functionality by getting stuck in condition 2 or 3 or exceptions on "undefined" menu making the component error out

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.