Web Developer Extraordinaire

Projects

LoveAnimals.org

LoveAnimals.org

Loveanimals.org is a web app that allows nonprofit organizations and their supporters to create campaigns that raise money for animal welfare projects.

Built most of the front-end which was constructed using Bootstrap, Angularjs, and SASS for a responsive experience. Contributed code to the back-end using Expressjs, Nodejs, and MongoDB.

SteveSpanglerScience.com

SteveSpanglerScience.com

The Menu, Experiments page, and Video pages were developed using Bootstrap, Jquery, and the youtube API for a responsive experience.

Mean Stack JS

Mean Stack JS

Great open source project for MEAN (MongoDB, Expressjs, Angularjs, Nodejs) stack development. Created the homepage and contributed to much of the front-end code, unit testing, and end-to-end testing. Wrote front-end documentation.

Meangular Logo

Meangular

Full-stack Angular (2+) solution with modified Mean Stack JS using Angular-cli. Includes authorization and authentication out of the box (optional oauth flow using Google) and blog with pagination. Fully tested with unit tests and end-to-end tests.

Sounder Radio

Sounder Radio

Radio web app built using Angular 2. It uses Bootstrap 4 alpha, Typescript, and is powered by the SoundCloud HTTP and Widget APIs.

Weather-D3

Weather-D3

Weather App powered by the Weather Underground API. Uses D3.js for charts. Built using React and Redux with custom-made React components to encapsulate D3 charts.

Spaced App

Spaced App

Spaced takes advantage of the spaced repetition technique by allowing the user to set multiple dates in google calendar for a single learning or review event. They will then, if they choose, receive a reminder before each date.

Built using React, Redux, Material-UI, ES6, and webpack.

Audio Time

Audio Time

Timer and stopwatch voice/audio web app. Project uses a component based approach for design and development along with classical inheritance with es6.

Webkit's native speech api is used so Chrome is needed to run the web app. Dependent on settings the stopwatch and timer will either use speech synthesis to count the time aloud, speech recognition to start and stop the stopwatch and timer using 'Start' and 'Stop'/'Pause' commands, or do neither and function as a normal stopwatch and timer. Travis CI used for continuous integration.

Built using Angularjs, ES6, webpack, Travis CI, Jasmine, Foundation, and Protractor.

Spaced App

Snippetbag

Easily create or upload code snippets. Syntax themes can be set by the user. Admin listings and management included.

Created using PHP, Laravel, Google OAuth2, and Prismjs.

Weather History

Weather History

Built using the ionic framework along with Angularjs using Cordova components and Gulpjs build tools, Weather History is an Android app that shows past weather conditions for a chosen date and location.

Time Droplets

Time Droplets

A web app for time tracking. Built using the MEAN stack along with some other additions like Elasticsearch for full text search capabilities and Socket.io for live syncing between devices and instances of the web app.

Hosted on a virtual private server using nginx as the reverse proxy server and pm2 for nodejs cron job. Developed using vagrant+virtualbox to simulate the environment it would be deployed to in production.

Angular Quick Dialog

Angular Quick Dialog

Angularjs plugin designed to be dropped into a project and used easily and quickly with no dependencies other than Angularjs. Tested using Jasmine and Protractor and built with Gulpjs. Also distributed through the bower package manager.

About Me

Photo of Javier Pena

Hi, I'm Javier, a twenty-something year old web developer with a mastery of current technology and a knack for learning new tech, but that's just a means to an end. My purpose and passion are creating by building projects that serve the user and meet their needs without overlooking the importance of a great experience. Bringing value to a project is my ultimate goal.

Technical Expertise

People Professional skill set

  • HTML5, CSS3, Sass
  • Javascript (Including ES6)
  • Angularjs and Angular (2+)
  • React and Redux
  • Jquery
  • Bootstrap and Foundation
  • Gulp
  • NPM and Bower
  • Webpack
  • Jasmine, Protractor, and Karma testing frameworks

Education Working Knowledge

  • Node
  • Express
  • React and Redux
  • Typescript
  • Mongoose/MongoDB
  • D3.js
  • Travis CI
  • PHP and Laravel

Cogwheel Tools

  • Git
  • Github
  • Bash
  • Vim
  • JIRA
  • Confluence
  • Bitbucket
  • Visual Studio Code

From Chicago

Chicago map