Developer Mexicano

How it Looks & How it Works.
Project

This is the first web-app I build from scratch that gets 30 active users during the first week of release. Users seem excited with the idea, and I’m excited too.

DevFS is a MeteorJS app that came into my mind one night and was built with two main purposes: 1. Make some money. 2. Keep practicing my programming skills.

The challenges? Build a smart SEO architecture for a single-page app.

Technologies
  • Bourbon
  • Compose.io
  • EBM
  • Facebook API
  • Iron Router
  • MeteorJS
  • MomentJS
  • MongoDB
  • NodeJS
  • Sass
  • SimpleSchema
  • Sketch Design
  • UBUNTU
  • XMind
Project

Catalogics.com.mx

This is the very first digital business idea I had back in 2012. I remember buying the domain since, but without any idea on how to build it.

This time, I brought the project to life again looking to get latin-american entrepreneurs to set their online store and strategy by using WordPress’s WooCommerce plugin.

Technologies
  • Bootstrap 4
  • Bourbon
  • Coffeescript
  • EBM
  • Grunt
  • Sass
  • ScrollMagic
  • TweenMax
  • Wordpress
Project

2Weeks

Flexbox came out with a whole new way of making layouts, I remember being excited about the release. Thoughtbot’s Bourbon Gem quickly launched Sass mixins for using Flexbox @includes which I implemented in this EBM flexbox control partial.

I normally won’t begin studying a new technology without having a good reason to apply it. So I built 2Weeks, a project time tracking layout proposal with a color palette I’m still proud of.

Technologies
  • CSS3
  • EBM
  • Flexbox
  • HTML5
  • Sass

Got a business idea?

I'd like to help

Project

CVTaylor

Inspired by a Quora post on how to improve a CS graduate CV in order to enter Google or other Syllicon Valley monsters, CVTaylor was born in my head as an elevator pitch I put on a landing page proposal.

I like the first section, with the character illustrations that represent everything about the concept.

Technologies
  • Bootstrap 4
  • Bourbon
  • CSS3
  • EBM
  • HTML5
  • Sketch Design
Project

EducacionGlobal.mx

The client was looking for a friendly way of connecting the Mailchimp API with his CRM service.

The form uses the flickity API to create the interactions on form validation.

Technologies
  • AngularJS
  • Bourbon
  • CSS3
  • EBM
  • Flickity
  • HTML5
  • Mailchimp API
  • Sass
Project

CarlosFierroWorks.com

This US based industrial designer required a multi-language CMS to host his projects’ data.

He is probably one of the most strict clients I’ve ever had, with instructions like this font-size needs to be of 13.45px. I learned a lot about web-fonts with this project though.

Technologies
  • Bootstrap 4
  • Bourbon
  • EBM
  • Sass
  • Wordpress
  • WPML
Project

LaVictoria.pe

The first project I created with scroll interactions. This project gave birth to lots of boilerplate and template files I still use and update, like this scroll-control files that make part of the EBM’s coffeescript boilerplate.

I’m very happy with the design as well. Good image resolution makes a real difference but affects performance. This is why I used the already well-supported <img srcset > attributes.

Technologies
  • Bootstrap 4
  • Bourbon
  • Coffeescript
  • EBM
  • Expression Engine
  • Sass
  • ScrollMagic
Project

The EBM is an open-source front-end boilerplate I’ve been building 3 years from now.

It is designed as a productivity tool that speeds-up development by decreasing the time consumed on repetitive tasks.

Grunt automates most of the tasks and Sass compiles only the necessary CSS to improve local and production performance. The EBM’s also segmented into branches that add to the master branch such as the wordpress-boilerplate branch.

Technologies
  • Bootstrap 4
  • Bourbon
  • GIT
  • Grunt
  • Sass
Project

During 2015, I worked as a Remote OK developer for Codio.com, a UK based CS school that relies on an IDE (Integrated Development Enviroment) for teaching programming.

My tasks consist of designing, writing and testing programming courses that included technologies such as: Git, Java, MySQL, Bash/Linux.

The aforementioned courses required a custom challenges testing framework each. This was a very enjoyable experience.

Technologies
  • Bash
  • GIT
  • Java
  • Linux
  • MySQL
  • NodeJS
Project

During 2014, I helped on co-founding an education program in Lima – Peru for teaching young girls with limited opportunities how to code, hoping that in the near future they’ll get a job in the tech industry.

It worked.

Take a look at the project’s website and read more about what the team accomplished.

Technologies
  • Communication
  • Front-end
  • Teaching
  • Wordpress
Project

Telefonica Peru

Telefonica (the tele-communications company) was one of the first big enterprises I worked for. With the help of the AyuInc. team, we developed this site based on the ExpressionEngine CMS.

There are some cool interactions I designed as well as some control flow template tags that determine the layout, a funny challenge.

Technologies
  • Bootstrap 4
  • Bourbon
  • EBM
  • Expression Engine
  • Sass
Project

UTEC.edu.pe

Think twice when deciding to develop a big university’s website, you’ll have late nights of work as well as incredible amounts of learning.

One of my favourite challenges were these tables and the main menu, take a look.

Technologies
  • Bootstrap 4
  • Bourbon
  • Drupal
  • EBM
  • GIT
  • Grunt
  • PHP
  • Sass
Project

A very simple yet effective website for a small NYC based startup.

The forms use the Angular – Mailchimp API for connecting the client’s subscriber list with the subscribe form.

Technologies
  • AngularJS
  • Bootstrap 4
  • Bourbon
  • CSS3
  • EBM
  • HTML5
  • Mailchimp API
  • RWD
  • Sass
Project

UnexpectedJourney.co

Mitch Summers contacted me asking for help with his adventure travel idea.

He required a custom referrals campaign which I build with MeteorJS as well as a website for promoting his idea. I even became a part of the team.

One of the highlights of this project is that I tested a new CRM (Customer Relationship Management) workflow I’m developing called: STAGES. More on this soon.

Technologies
  • Bootstrap 4
  • Grunt
  • Mailchimp API
  • MeteorJS
  • MongoDB
  • NodeJS
  • Sketch Design
  • Wordpress
Project

Built on Expression Engine (because of the client requirements), I had only 1 month to study the technology, design the site and build it, both for desktop and mobile.

The company felt very satisfied with the result. I remember them mentioning how pleased they were with the jurado part for the layout and animations.

Technologies
  • Bootstrap 4
  • Bourbon
  • EBM
  • Expression Engine
  • PHP
Project

1ns.com.mx

The first complex e-commerce website I build that actually gets some traction.

The product has survived for almost 3 years and the client’s still using it.

It’s so pleasing to see that young entrepreneurs are growing their business because I helped with some part of it.

Technologies
  • Bootstrap 4
  • CSS3
  • PHP
  • Sass
  • WooCommerce
  • Wordpress