Joseph Adam Velez

Lead / Senior Front-end Engineer

San Francisco, Remote (Tampa FL)

About

I am an advanced Lead / Senior Front-end Engineer with over 10 years experience creating interactive web sites and web applications. Capable of efficiently completing projects, and meet the goals of customers and team members. I use PHP, ColdFusion, Vue, NextJS/React, MongoDB with Mongoose, Webpack, Github and more.

Born Anaheim Hills, CA

Current Location Tampa, FL

Employment Status US Citizen

Skills

  • HTML
  • CSS
  • JavaScript
  • jQuery
  • AJAX, JSON
  • Angular 1 & 2
  • React
  • Bootstrap 3 & 4
  • REST
  • API Integration
  • Google Maps API
  • Leaflet API
  • HighCharts API
  • AuthorizeNet API
  • PHP
  • ColdFusion
  • JSP
  • MySQL
  • MSSQL
  • SVN
  • Git
  • Photoshop
  • SublimeText, Eclipse
  • MongoDB
  • Redis
  • Varnish
  • Basecamp, Jira
  • Linux/Mac Commands

Portfolio (Freelance)

Side Projects

NextJS/React Clipboard Manager

This is a project I started in early 2024. I created it because I got sick of finding the one of many Sublime files I used to store snippets of links to Jira, Github, dev branchs and hosts, etc. Now I have everything organized by what I refer to as Boards.

This project focuses on NextJS/React with server side rendering. Includes a simple sign up with email verification, reset password with token, change password and unlimited Boards. Logged out user data is stored in localStorage while signed in user data is stored in MongoDB (no Mongoose), and data is automatically synced when the account is created.

Visit Site

MEVN (MongoDB, Express, Vue w/ Vuex, NodeJS) Website Builder

This is a complete rewrite of a complete rewrite. I started, owe I don't know, about 10 years ago when Angular 2 came out, and thought that my site builder needed a modern rewrite. My partner at the time, the late great Sam Yarbrough, never really motivated me to finish it. It was A LOT of code, and I put a lot of that on Angular.

Then came Vue. And it was awesome! And we used it at CBS/Paramount+, so I thought it would be good to get in some extra experience with a real project. I was able to reuse the entire NodeJS backend which uses MongoDB with Mongoose. I love Mongoose! And the frontend admin I was able to relatively quickly rewrite with some copy & paste of Angular snippets, and some quick edits to props, emits, etc. The best thing I did was add Vuex store management. With the Angular version I had a GenericDataService object to manage my state, but it was still passed around -- no bueno.

Oh yea, and recently I created some Docker images that share volumes so my local and prod environments are essentially the same. I also use github webhooks and shell scripts to pull my changes after a merge.

Anyway, I'm pretty proud of what it's become over the years and hope to one day release it to the public =). Though, once I started playing w/ NextJS... feelings, man. Feelings.

Visit Site

NextJS/React SiteBuilder V1 Makeover

This project was to see about updating client sites on my ~20 year old site builder to have a more modern frontend, while retaining their data and current admin. This is more about POC, and something I dabble with now and then. I found that the way I wrote code 20 years ago is horrendous, and when I found myself asking how does this work I took a break. I'm debating on rewriting it to work exactly the same or rewrite it well, which means the admin that lists the orders would have to account for two different implementations. Ugh!

Visit Site

NextJS/React - Bamby Bungalow

This is a project I started in early 2023 as a way to learn more about React and start learning NextJS, as well as start playing around with Zustand for state management. I created a website for our AirBNB complete with online reservations, though I haven't implemented a payment processor yet. The reviews aren't API driven, so from time to time I will manually update them. I originally borrowed availability data from VRBO, because their GraphQL endpoints allowed me access =), but it was flakey at times. I am now using PriceLabs API because I decided the $1 more per month was worth it for this project. I had a lot of fun learning about NextJS.

Visit Site

TMDB w/ React

This is an OLD project (no longer valid) I started working on using React and The Movie Database API. You can review my code here. I haven't put the site online yet, but if you have Node installed you can download the repo and fire it up in a few minutes.

Site Builder v2.0 "MEAN Web App"

This is an ongoing project I've been working on for about 2 years using the MEAN stack. A complete rewrite of my original website builder, also listed below. The GitHub repository is currently private, but you can review the frontend and backend using the links below.

The mean web app allows anyone with limited technical knowledge to easily build their website, and sell products securely online. There's a plethora of features such as default meta tags, viewing/paying hosting invoices online, changing themes, editing DNS and email records, configuring your SMTP mail settings, adding products, marketing features, AND even a reseller area that allows resellers to send invoices and manage various client features.

Website

site1.meanwebapp.com

Admin

admin.site1.meanwebapp.com
email: user@josephadamvelez.com
password: Password1!

There is also a Config website, but that is closed to the public. The config website allows the server adminstrator to setup various credentials including:

  • Branding (private label name), authentication credentials
  • MongoDB host, port, user, password
  • Cookie Secret used for cookie/session encryption
  • API settings (client id, client key, salt, pepper) -- used for user authentication
  • AWS API credentials (access key id, secret access key, region, bucket)
  • DNS host name, IP & default A record -- used when adding a new domain
  • Mail In A Box host, username, password -- used to add DNS & Email records using the MIAB API

Site Builder v1.0

This is my first website builder created over 10 years ago, complete with a shopping cart, bulk emailer, content management, and more.

I partnered with a man in Alabama, and we had over 100 sites in our first 2 years.

I had a client in Germany, and currently have a private label reseller in Canada using this software.

Admin

verysecurewebsite.com

Websites using the site builder:

Resume
Download PDF

Lead Software Engineer (PHP / Front-end)

CBS Interactive, San Francisco, CA Jan 2016-Current

CBS Interactive provides a global audience access to show content including cast, clips, stories, and online streaming of your favorite CBS shows.

Responsibilities:

  • Manage multiple teams by facilitating their needs within and across other front-end, back-end, tracking and international teams.
  • Team focus includes domestic and international purchase flow, account management, A/B testing, internal Customer Service Tool and Employment Benefits site
  • Participate in inception and architectural meetings with Design and/or Product
  • Break down sprint projects into smaller tasks
  • Code Review
  • Help on demand via Slack messaging/huddles, Zoom meetings
  • Management trainings, and One on Ones with direct reports
  • Lead team breakouts for dedicated time to go over questions, upcoming features, breakdown projects, POC or just chit chat about anything
  • Participate in daily scrum meetings, bi-weekly sprint planning, sprint review and scrum of scrum meetings.

Environment: PHP, Vue, NextJS/React, Nginx, Docker, Git, PhpStorm, Mac

Front-end Developer

Surfline/Wavetrack Inc., Huntington Beach, CA Aug 2012-Nov 2015

Surfline provides the world with surf reports & forecasts including swell, wind, tide, buoy and other related weather data. Surfline's other properties, FishTrack and Buoyweather, also provide similar data, as well as fishing charts and fishing reports.

Responsibilities:

Environment: MS SQL 2005, ColdFusion 8 & 9, Linux, Apache, Macbook Pro, SVN, Git

Front-end Developer

SmallBizPro, Los Angeles, CA Nov 2014-Oct 2015

SmallBizPro enables business owners to upload, store, and access their important organizational documents, files, financials, policies & procedures, and reports. SmallBizPro also allows vendors, such as banks, to search their client directory for the purpose of pre-approving business loans.

Responsibilities:

  • Create the site from the ground up using Bootstrap for a mobile friendly experience
  • Media Queries for specific styles on Desktop, Tablet or Phone devices
  • MySQL database and relational tables setup
  • Prepared statements (queries) to prevent SQL injection
  • Object oriented code
  • Uploadifive integration
  • Built-in JSON on Request for a custom API environment during Ajax requests
  • Custom CMS to maintain products, events, workshops, industries, users, documents and more
  • Various forms with JavaScript validation and calculations
  • Custom e-commerce UI/UX
  • AuthorizeNet payment gateway integration including subscriptions
  • SSL installation, CloudFlare implementation, and Apache mod_rewrite rules

Environment: Windows, Apache, ColdFusion, MySQL, Git

Front-end Developer

Interactive Tax Group, Newport Beach, Aug 2011-Mar 2012

Interactive Tax Group provides a directory of tax professionals, and tax related blogs.

Responsibilities:

  • Create WordPress CMS plugin based on mocks
  • Create complex registration form for tax professionals
  • Create searchable directory listings
  • Payment gateway integration with recurring payments
  • Customize WordPress theme and various plugins

Environment: LAMP (Linux, Apache, MySQL, PHP), WordPress

Front-end Developer

Dermstore, El Segundo, CA 2008-2012

Dermstore provides a very large e-commerce system including subscription based products for the beauty industry, bulk targeted email campaigns, and various in-house developed beauty products.

Responsibilities:

  • Develop website and shopping cart system for the BeautyFIX brand
  • Cut up and develop pixel perfect designs from PSD files
  • Multiple redesign development
  • Request various queries to the DBA
  • Landing page development and iterations for A/B testing
  • Create HTML emails and deploy to user base

Environment: LAMP (Linux, Apache, MySQL, PHP), ColdFusion, MS SQL, SVN

Front-end Developer

White Barn Group, Lake Forest, CA

White Barn Group was a full service Interactive Agency executing on creative brand initiatives for clients such as Del Taco, IHOP, Yoshinoya, Toyota, ABC/Disney, VitalStream and others.

Front-end Developer

EwingBeland, Monrovia, CA

EwingBeland was a full service Interactive Agency executing on creative brand initiatives for local clients such as Southern California Edison, Champion Broadband, Ventura Foods, and others.

Front-end Developer

Webcreators, Newport Beach, CA

Webcreators provides a proprietary web site building technology and private labels their software.

Social

Contact