Aylan Mello

Code, music, languages, travel.

  • About
  • Work
  • Music
  • Contact

About

👋 Hi there! My name is Aylan Mello and I’m a web developer and musician based out of Los Angeles. I have a passion for developing full stack web applications with whatever technology fits the app. A full portfolio of my work can be found here. Or you could jump straight to my resume or LinkedIn .

My Skills:

languages:

javascript
javascript
ruby
ruby
html
html
css
css
python
python

frameworks:

react-js
react-js
rails
rails
express
express
gatsby
gatsby
wordpress
wordpress
redux
redux

technologies:

aws
aws
redis
redis
postgresql
postgresql
jenkins
jenkins

tools:

vscode
vscode
xd
xd
iterm2
iterm2

Work

As a full stack developer, I pride myself on delivering results through all parts of the stack, from the design, to the front end, to the back end. Here’s some of my favorite work. If you haven’t already, make sure to learn a little bit more about me before jumping in!

Burn Cartel

[Weekly music discovery web app]

The home for my music lifestyle brand Burn Cartel: it's the place to discover our latest episodes and learn about great new music from around the world.
github-white
github
laptop
live

tech details:

Burn Cartel is the combination of a few different systems running side by side. At its core is a Sidekiq scraping job on a Rails app, which everyday scrapes the hottest new releases on Soundcloud. The client is a fully responsive ReactJS SPA served on Netlify. The API, to be snappy and simple is implemented in ExpressJS. The database layer is 100% PostgreSQL.

made with:

react-js
react-js
rails
rails
express
express
nodejs
nodejs
sass
sass
postgresql
postgresql
webpack
webpack
sidekiq
sidekiq
heroku
heroku
netlify
netlify
learn more

Alaska Peaks Map

[Visualizing School Performance Statewide in Alaska]

Making an interactive data visualization experience for the State of Alaska school district
github-white
github
laptop
live

tech details:

The client wanted a total rehaul of the old UI, so I went ahead and did a redesign with the ANT UI Component Library. I used Figma to do the design, and ReactJS to make the frontend.

made with:

aws
aws
react-js
react-js
figma
figma
learn more

MashupBot

[Musical Tool for making mashups in the Browser]

Testing the boundaries of web audio technology by making a playful music app for on the fly creation.
github-white
github
laptop
live

tech details:

Using ReactJS for the UI and Redux to manage local state, one challenge for this web experience was timing. In order for two songs to synchronize in a music way, timing has to be more prescise that your average setTimeout() function. That is where the wonderful Web Audio API came in handy, as well as a handy package called WebAudioScheduler which ensured 1/10^9​ ​ second timing precision for playing sound events.

made with:

react-js
react-js
redux
redux
learn more

Bossafy

[Tool for jazz music composition]

Helping composers escape writer's block by offering harmonic suggestions
github-white
github
laptop
live

tech details:

A chord corpus of various Bossa Nova compositions first had to be scraped from a variety of online sources. Then, I coded a simple 2-Markov Chain in Python whose end result accepted one chord as an input and output the most probable next chord according the the chain. This function was essentially the single endpoint on the simple Bottle server that generates new chords. The frontend was coded in ReactJS and quickly prototyped using Semantic UI.

made with:

python
python
bottle
bottle
scrapy
scrapy
react-js
react-js
semantic-ui
semantic-ui
learn more

Music

Production

My main music project at the moment is Hooded Youth, which encompasses everything from Bossa Nova to bootleg remixes. Take a listen.

Mixes

I also release weekly mixes under the brand Burn Cartel.

Contact

I have many personas online, but this is the real me.

→ aylan.io

  • Facebook
  • GitHub

© Aylan Mello - Personal Site. Built with: Gatsby.js