Melissa Castorena Soto

Junior Full-Stack Developer

HTML - CSS - Ruby on Rails - Javascript

About

My name is Melissa and I’m a Mexican full-stack developer who in her past life was an Industrial Engineer. Some of my tech skills are HTML5, CSS3, Databases, Ruby, Ruby On Rails, and Javascript. When I’m not coding, I enjoy: cooking for others (usually my husband), play around with Benito (my cat and boss), and spend more time outdoors as possible.

Below you can see the result of my +500 hours of work I’ve been doing for the last months. Some of them were made working on pair programming, an amazing experience that helped me interact with people from all over the world. Feel free to give them a look. I'm always available to have a good conversation, so don't be shy to contact me by mail or twitter.

Lets Talk!

github twitter linkedin mail

My Recent Work

NEWSWEEK-CLONE

In this project, I was requested to build a replica of the news site Newsweek.com using the framework Bootstrap.

HTML5

CSS3

Bootstrap

FACEBOOK-CLONE

In this project, we were requested to build a Facebook-like social network application including some of the core features of this social media: users, profiles, friendships, posts, news-feed, and likes.

Ruby

Ruby on Rails

Capybara

Devise

Heroku

PostgreSQL

Omniauth

TIC-TAC-TOE

This is a project where you can play the Tic-Tac-Toe game in your terminal for two players, who take turns for drawing X or O in spaces of a 3×3 board. The player who first places three of their marks in a horizontal, vertical, or diagonal row is the winner.

Ruby

Rubocop

SAMPLE APP

This project consists of a sample twitter-like application following: on Rails Tutorial: Learn Web Development with Rails by Michael Hartl. It includes the next features: users sign in with authentication, log in with validation, profiles, followers and following, micro-posts with images, among others.

Ruby

Ruby on Rails

SaaS

AWS

Heroku

SQLite

SAAS FRAMEWORK

Grid-based Framework built with Sass. The project consists of two parts:

  • Building your framework
  • Cloning a website with the use of the framework

SaaS

HTML5

NEXT WEB

This project consisted of replicating the "The Next Web website". We used Flexbox to emulate its behavior depending on the screen the website is displayed.

HTML5

CSS3

Flexbox

My Articles

Understanding (And Making Your Life Easier) With Bootstrap

In this article, I describe the basics of the framework Bootstrap, I explained briefly how the nomenclature of classes work and the 12 column grid system it uses with an example of how to implement it in 3 media queries.

Published in: