Is There a Better AI Email App? Introducing Treeoge

Is there a better AI email app? We built Treeoge to make email triage faster, smarter, and less distracting with AI built into the workflow.

Adding App Authentication with PassportJs on a MEVN Stack

This tutorial will teach you how to create signup and login functionality on an app built with Vue3, Express, Mongo, and Node.  We'll start where our last tutorial left off: Connecting our ExpressJs/Vue3 App to a Mongoose Database.  Following along this example project will show you how to get

How to Properly Logout using PassportJs, Express-Session, on a Single Page App

Proper logout using PassportJs & Express-Session for single page web application, clearing both the client cookie and database session.

Connecting our ExpressJs/Vue3 App to a Mongoose Database

A starter example tutorial for connecting ExpressJs to a Mongoose database hosted on MongoDB. 💡Git Repo Here: https://github.com/Initial-Apps/vue3-express-mongo Prerequisites Here's what you will need in order to get started: * Setup a MongoDB account to host your database. * We will continue on the simple starter Vue3/ExpressJS

ChatGPT OpenAI Example Starter Project using Vue3 and Express

A tutorial for getting started with OpenAI's API, based on their quickstart guide, but coded in Vue3 and ExpressJs.

Setting up Vue3, Vite, and Express

A simple example setup of Vue3 using Vite, with ExpressJS and NodeJS on the backend.

Customizing bootstrap 5 with Sass! Example provided.

An example for how to create custom theme color pallets in Bootstrap 5 using Sass. This post focuses on Bootstrap's color mapping functionality. I was super happy to learn Bootstrap 5 is jQuery-less. Don't get me wrong, jQuery deserves it's place in legendary JS history, but doesn't play well with

Permission denied (publickey) Digital Ocean SSH

Locked out of your Digital Ocean server?  Here's how to get back in.  This short article is for anyone that has lost access to the SSH key used to setup their Digital Ocean droplet. This article will not help you, if you do not know the username and password used

Tracking where Covid-19 is in Orange County

We're excited to be sharing our first OC Civic Coder's [https://www.occiviccoders.com] project to help easily visualize where Corona Virus is spreading in Orange County using data provided by the OC Health Care Agency [https://www.ochealthinfo.com/phs/about/epidasmt/epi/dip/prevention/novel_coronavirus] .  This open

OC Civic Coders

Welcome to the very first meetup for OC Civic Coders! Grab your laptops and come out to build something great. Feel free to work individually or team up. Connect with others to learn and share knowledge. Agenda: 1. New project ideas. 2. Share your experience levels and what you'd like

Visualizing Traffic Collisions in Los Angeles

Starting 2020 of right with another civic hacking project.  This time, we've thrown together an app that visualizes traffic collisions in Los Angeles.  Each week there are about a thousand traffic collisions in LA.  This data visualization tool can hopefully help for deeper insights, which can lead to new solutions.

Spotlight on IMC Intertech

IMC Intertech is pushing the limits of micro precision parts, with parts less than .012 cu inches, and tolerancing on the level of microns.   We're thrilled to be working with IMC Intertech on the launch of their new website.  When it comes to micro precision and extremely small parts, IMC

Civic Projects

Testing Out Data-Driven Styling in Mapbox GL JS

Mapbox GL JS is a powerful mapping API, that can create really nice data visualizations and styling.  Their maps look really clean and do a nice job at communicating engaging information interactively.   That said, getting started with Mapbox, and it's data driven styling may not be completely straightforward, and required

Tutorials

Going Deep on Mongoose Deep Population, and How To Populate Across Multiple Levels

If you've made the switch from SQL to NoSQL, you've probably started to dabble into Mongoose population as a means to make up for the lack of table joins.  This, unfortunately, is one area where NoSQL databases fall short of their SQL counterpart.  Mongoose population can be tricky to setup.

Teach Yourself To Code Part 4 - Intro To VS Code

If you've followed us up until now, you've probably found nano a bit frustrating to work with.  That's where Visual Studios Code comes in to make your life a bit easier.   VS Code is a powerful coding text editor that helps you write software, work the command line, and more.

Civic Projects

Ghost Bootstrap Starter Theme

A super simple and minimal ghost starter theme using Bootstrap. Ghost is world's most popular modern open source publishing platform. This starter theme is developed to help organizations create customized blogs using Ghost and Bootstrap.

Teach Yourself To Code Part 3 - Hacking Your Browser With Chrome Developer Tools

As you begin to develop apps, chrome developer tools will quickly become your best friend!  Chrome lets you to inspect any front end code that's running on your browser.  This is super helpful for developing and troubleshooting your own sites, as well as figuring out how other sites work. Prerequisites

Teach Yourself To Code Part 2 - Getting Started With Git

Git is an essential tool for developers that you'll want to become proficient with. It tracks and manages just about everything you code, making it really easy to review the history of your app, and to collaborate with team mates.  GitHub is also very important, as it pretty much is

Teach Yourself To Code Part 1 - Hacking The Command Line

One of the earliest essential skills for programmers is to know and be proficient with the command line interface. Getting started with the command line interface feels a lot like learning to ride a bike for the first time. You will get super frustrated, but please stick with it, as

A Review of Letsfit D32 Wireless Earbuds

After a long and load day of coding at the coffee shop,  I finally broke down and got a pair of wireless earbuds.  What I needed: noise cancelling, not too expensive, comfortable earbuds with the freedom to be wireless.  An hour of Amazon searching later, and I finally went for

Learn To Code

Teach Yourself To Code - Getting Started

Congratulations on the start of your journey!  FYI, this is hardly meant to be a professional class in learning how to code, and is more just one hacker's unconventional guide, especially in areas I wish I had taught myself sooner. Who this is for: * People with an intense desire to

Civic Projects

Spotlight on Therapists Beyond Borders

Therapists Beyond Borders is a 501(c)(3) nonprofit organization on a mission to create a sustainable difference in communities that need therapy services abroad. Responsibility, Affordability, and Sustainability are at the core of everything that they do. Therapists Beyond Borders takes great care in selecting partner sites, and teaming

Tutorials

Saving a Dynamic Web Page as PDF with Puppeteer

This article shares a brief tutorial for how to save web page as PDF with NodeJs.  We will be using the Puppeteer [https://github.com/GoogleChrome/puppeteer] headless chrome browser to pull the web page on a Node server and convert it to PDF.  Big thanks to the Chrome DevTools

Civic Projects

OC Alerts: A Code for Orange County Project

We thought it would be interesting to start off the new year with a new civic hacking project.  OC Alerts is a gamified crime visualization web app that shows current crime calls.  Data is being pulled from the @OCSD_Bot twitter account (not affiliated with OCSD). View the demo website