Front-end Portfolio | Eli Morales

About Me

Progressive

I'm mindful and passionate about learning and incorporating the latest in web development.

Dynamic

My priority is to create a dynamic user experience through responsive, intuitive design and interaction.

Collaborative

Excited to trade ideas and create successful products with others as I grow as a developer, learning from my peers.

Brand Minded

I have sincere care for creating products that expresses a brand's identity and addresses the appeal of its consumers.

Who Am I?

ELI MORALES

I'm a front-end developer who enjoyes creating interactive experiences. My priority is to be progressive, creatively intuitive, and contribute success with others.

Let's work together

in f

HTML

Confident

CSS

Confident

Javascript

Confident

jQuery

Proficient

SCSS

Proficient

React

Learning

PHP

Proficient

SQL

Proficient

Projects

All

CSS

Old JS

JQuery

React/JS

My Latest

A registration App

The Restaurant

An example site demostating a responsive layout. This is my first build.

HTML CSS

web

site

build

The Restaurant

An example site demostating a responsive layout. This is my first build.

HTML CSS

Penny

Incre-

mental

Proto

Penny Incremental

Playing with prototyping on the infoumas penny incremental probblem.

Javascript

form

valid-

ation

if/else

Form Validation

Simple form validation examples using conditional if/else statments.

Javascript

Detect

missing

inputs

Detecting Missing Inputs

Pure conditional testing on form to detect missing user input values.

Javascript

The

Date

Object

Date Object

Manipulating the DOM and printing the date and time.

Javascript

append

with

style

Appending jQuery

Utilizing jQuery's methods to style and append user inputs to a list.

jQuery

burger

styling

Happy Burger Menu

An example of jQuery's styling capabilities with minimal CSS and HTML.

jQuery

proto

calcu

lat

Prototyping Calculator

This cacluator uses protyping to capture user inputs and apply math.

jQuery

CSS

hooks

action

CSS Hooks Button

An example of CSS Hooks styling a button for cross browser compatibility.

jQuery

flicker

api

AJAX Flicker API

jQuery's AJAX approach to search and render user inputs from Flicker.

jQuery

validate

and

animate

Form Validation Animation

Animating foward through form with validation.

jQuery

Using

local

storage

Local Storage

Here I use local storage to store and retrieve and alert selections.

Javascript

React API App

An API playground

React API App

React project where the user must sign up and log in to interact with various api interfaces.

React

Generator Playground

Dynamic Creation

Generator Playground

I run generator function which gathers information from an object to create new elements.

There and Back

Traveling time

There and Back

Here the script allows one to Move forwards and backwards through created elemnts.

The Secret

A game built on javascript

An example of a for-loop increasing and printing out the value on each loop.

Form Validation

Javascript validation

Form Validation

Simple form-validation examples with conditional if/else statements to validate user inputs.

Empty Values

Detecting missing inputs

Empty Values

Pure form validation with conditional testing to detect missing user input values.

The Date Object

A javascript solution

JQuery's AJAX approach to search and render data dynamically from Flickr.

JQuery

Form Interaction

Validate and animate

Form Interaction

An example of animating foward through a form with validation using JQuery.

JQuery

Store It Locally

A javascript strategy

Store It Locally

An example of where local storage is used to store, retrieve, and alert user selections.

Chuck Norris API

Dynamic manipulation

Chuck Norris API

DOM munipulation with multiple form creations, removals, and recalling. Chuck Norris API AJAX.

Zip Code API

Finding distance between cities

Zip Code API

I find and print the distance between two cities by fetching data from zipcode api.

About Me

Who Am I?

Projects

React API App

Generator Playground

There and Back

The Secret

React Math Game

React Flashcard App

Planning Center

The Restraunt

Steady Penny

Form Validation

Empty Values

The Date Object

Shopping List

A Burger Menu

Calculator Example

A CSS Hooks Example

AJAX Request

Form Interaction

Store It Locally

Chuck Norris API

Zip Code API

Get In Touch

Let's talk!