The EV Web Lab is where we show off the side projects we’ve created over the years. A common aspect of being a programmer is tinkering around with concepts and ideas in our free time. We often try out new tools and frameworks, and the best way to learn those is to create something new. Other times, we might think of an idea or have someone mention an idea to us, and we put together a proof-of-concept. And even other times, we just have an idea for something that we actually want to build for our own personal use. This is a collection of the most significant of these Lab items that we have completed and made available to the public to use.

A series of one-off scripts were put together to create the Printshop concept. The first script was to generate images with a comic book effect as a way of making a family photo album of our favorite vacations. The next concept was creating PDFs of “letter banners” after it was determined we needed more holiday decor. Finally, after campaign posters were needed for Student Council, a script was made to customize and generate campaign signs. Then they were all put together in one place.

Generate your own ready-to-print PNGs and PDFs.

The site utilizes the Laravel framework, and uses the Browsershot Laravel package, which utilizes the Puppeteer npm package to generate the final artwork via a Laravel Blade template that is saved as an image or PDF. The comic strips image manipulation is handled with ImageMagick. The site is supported by a MySQL database for storing font and background image options.

Finding a homepage that suited our needs after iGoogle shutdown years ago was always a challenge. There were some attempted clones at it, but none that completely did what we missed. This homepage was built custom to our needs, but laid out in the same style as iGoogle. The big improvement is that each block wasn’t one specific feed, but rather a grouping of RSS feeds with a specific theme (e.g. Local News, National News, Sports, etc). View the demo or create your own personalized homepage.

This site was built using the Laravel framework, with the SimplePie PHP library to parse the RSS feeds. The front end is generated with Laravel Blade templates. The content is stored in a MySQL database. This was built from scratch by us.

Taking the concept of the common party game, “What If?” this web game was made as the a project to hone ReactJS with Redux and web socket integrations. It was designed to be played with a group either in the same room or around the world, or you can play solo rounds.

The frontend is built with ReactJS, using Typescript, but is powered on the backend by an API built with Laravel. The frontend also utilizes Pusher for websocket integration for realtime feedback to other users. There is also an Android app that was compiled using the Cordova framework. This was also built entirely from scratch by us.

Not everything we do is for the grown-ups. This was something that grew out of the need to keep the kids engaged with school work during the COVID-19 school shutdown. Finding difficulty in getting kids to do schoolwork on the home computer that was “for games,” the Sight Words Challenge was built in a weekend to give a gamification of the list of high-frequency words that young elementary school kids were practicing everyday in their classroom.

This site was built in just vanilla Javascript and jQuery, with Bootstrap providing the CSS structure. The list of words is one JSON file, and the javascript parses that to retrieve the subset of words for the given round. Everything was built from scratch by us, with the list of words imported from the PDF provided to the students by the school.
*Update 8/6/2023 – Now powered by VueJS, removing jQuery entirely, as a weekend crash-course in VueJS.

This was a collaboration with Brikk (aka, a guy we’ve been friends with since high school). Brikk co-create solutions through open research, brainstorm discussions, and design and engineering challenges. They identify the best solutions developed by the community, engineers the top designs into functional proofs of concept, prototypes and eventually manufacturable products that can be sold and distributed around the world.

Everything except the design was built from scratch by us. The site utilizes the Laravel framework with a MySQL database. It incorporated the Laravel Echo Server node library for websocket-driven notifications. There is a fully functioning dashboard to manage all aspects of the site, as well as sending and tracking email events utilizing webbugs and the Mailgun api.

View Demo

u: thedude@brikk.co
p: DudeAbides1234

This is another collaboration with Brikk. The industry is changing. The states are changing. People are opening up to cannabis usage, but they want to make sure they are doing it responsibly and not having a negative experiences. Eighthnote uses biometric tracking to track your body’s response to particular strains to make recommendations specific to you. This is accomplished by tapping into the Apple Healthkit or Google Fit APIs to analyze your behavior and physiological response during the time period right after partaking.

Everything except the design was built from scratch by us. The frontend is built with ReactJS, but is powered on the backend by an API built with Laravel. There is also an Android and iOS app that was compiled using the Cordova framework. The apps utilize Firebase for delivering push notifications. There is a fully functioning dashboard to manage all aspects of the site, as well as sending and tracking email events utilizing webbugs and the Mailgun api.