Tony Lopes  Design & Build

Chock full of refreshment!

 for 

Web  Photo  Video&Motion  Print

I
webs
Here's my recent work for the web.
THIS
My portfolio site. Here. This.

This site is a work in progress, my personal version of continuous integration. Each section defines an area I like to work in and the aim of the site overall is to tell the story of the work I like to do. In the spirit of CI, there are some things that are strong now and some to-do's.

Structurally, I made sure it has good bones so that in the long run I can both add more samples as well as augment the ui on the site itself without the need for big redesign. Additions in the short to medium term will be contained in the sections, not adding to the scroll. My favorite ui element I came up with for now is my hamburger menu. Its whimsical uselessness captures both the perceived need for its existence as well as its irrelevance.

Technically, this is my Angular learning sandbox. I've been making sure to build everything from scratch, save for a couple of modules I'm still using. Not to say I didn't do plenty of googling, I've built it on the backs of giants (I love open source). On the backend, I built up the server on a blank linux box in the cloud. I also built up an ELK stack on another server for better analytics.

TO-DO's: Rebuild it with Angular 2! In that process, dry up the code and further modularize the widgets as well as extricate the one plugin that's keeping jquery in there (and then get jquery outta there) I've also got big plans for the visual background of the video section. And samples of older print work to come.

Virgin America
Virgin America

Most recently, I worked as a web developer in the Marketing department at Virgin America. I learned a TON there. The team was small and the pace was agency-like. I started doing Emails, and moved on to landing pages and other website content work. Analytics implementations were a constant throughout. In the last year I worked on the transition from their older site to the new award winning and industry leading angular app style site. It was a great chance to be a part of such a large, quick, enterprise.

coffee roast log
Coffee roast logging app

Here's a link to the hosted project, and here's a link to the code base up on github

This is my ongoing project I'm using to learn the MEAN stack. I enjoy roasting coffee and if I take good notes it generates lots of data.

The project is about exploration and really I'd like to land on my ideal boilerplate for a web app. Backend, frontend, database, CRUD, everything. Somewhat of a moving target these days, but I'm zeroing in.

The current incarnation is, as I mentioned, the MEAN stack. Looks like in 2016 I'll be looking at React also, but for now it's in Angular. After much banging my head against Angular's learning curve, I'm starting to be smooth with it. I went all in, Angularly, and used angular material for the design, or really it feels more like a skinning than a design. I do like the look of material and Angular Material thus far has been fun to work with.

I took some time to examine hosting this project. While I lean toward hosting on a simple self built linux box for my projects, I wanted to look at distributed hosting. So this is that. The app sits on heroku, the db is hosted by mongolabs, and the image uploads head over to amazon s3. It should be scalable when Starbucks and Peets call and want to start using it. Haha. Oh, also, it takes a moment to spin up the dyno that it's on, because it's all on their free service tier now.

alfredocaceres.com
Alfredo Cáceres Website

A website I built for my dear friend and teacher, the guitarist Alfredo Cáceres. I used Zurb's Foundation framework to build it. This is mostly a design side project and using the framework allowed me to concentrate on telling Alfredo's story over the course of the fairly minimalist 8 pages of the site.

On the technical side of this one, I did set up an api server with node for mailgun to send Alfredo his contact requests.

FCC
Free Code Camp

Freecodecamp.com. I started doing this program late 2015 and I'm about to complete their Front End Developer certification portion. So far in the program I've written a bunch of algorithms and put together a few fairly simple programs. Even that much has been the perfect catalyst in my recent quest to solidify my core javascript skills. I plan to complete their Full Stack Developer program which will be about 2000 hours of practice and six different non-profit projects. I'll learn React here as well.

Here's a link to the projects I've built so far. I'll keep posting them as I build more.

Photography  More here on Flickr.

nail
Video & Motion

Video followed naturally from photography for me. The last year I was with Old Navy I worked with a small team to create a new web series for youtube called "Studio Spotlight." We told the stories of different fashion designers within Old Navy who were each given the opportunity to design their own short-run line. Making the videos was a great place to put together some of the animation and video work I had been doing previously, and it was a lot of fun.

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.
Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.