Juan Carlos Arias Ambriz, Developer in Guadalajara, Mexico
Juan is available for hire
Hire Juan

Juan Carlos Arias Ambriz

Verified Expert  in Engineering

User Experience (UX) Developer

Location
Guadalajara, Mexico
Toptal Member Since
June 6, 2016

Juan has over ten years of freelance UX experience. His projects span a wide variety but are rooted in his commitment to providing the user's best experience. Juan has developed applications used by high-profile clients and has learned to accomplish the perfection of details in his work.

Portfolio

Toptal Clients
Shopify, CSS, HTML, JavaScript, React, APIs, Front-end, Responsive Design...
Facebook
Recoil, Flow, GraphQL, Relay, Jest, React, JavaScript, Reason ML, APIs...
Sellution
CSS, HTML, JavaScript, APIs, Front-end, Responsive Design...

Experience

Availability

Full-time

Preferred Environment

Visual Studio, Brackets, Git

The most amazing...

...thing I've developed is a framework for a SPA where every page is generated from a JSON file, significantly simplifying the process of writing an app.

Work Experience

Front-end Engineer

2016 - PRESENT
Toptal Clients
  • Designed and developed a framework to build a website for a real state that is fully responsive and written in pure Vanilla JavaScript.
  • Built an eCommerce seller and updated some of theirs Shopify stores using Liquid language.
  • Built a platform in React to control the publication of legal documents.
  • Collaborated with a client to build a Chrome extension and advised on the project's direction that led to 2x growth in less than 6 months.
  • Develop a microsite and admin site in AngularJS that will help redeem rewards of two different platforms; the admin included the development of components to help speed up the development process.
Technologies: Shopify, CSS, HTML, JavaScript, React, APIs, Front-end, Responsive Design, Responsive Web Design (RWD), HTML5, TypeScript

Front-end Developer

2020 - 2021
Facebook
  • Learned ReasonML while developed a new product from scratch.
  • Helped in the effort to move from idea to alpha in 3 months, was in charge of half of the product flow.
  • Mastered the use of Recoil to move code out of React components, simplifying the front-end code.
  • Formed part of the effort to type ads manager codebase using Flow.
Technologies: Recoil, Flow, GraphQL, Relay, Jest, React, JavaScript, Reason ML, APIs, Front-end, Responsive Design, Responsive Web Design (RWD), HTML5

Front-end Architect

2009 - 2019
Sellution
  • Created a single-page application (SPA) that acted as a CRM and ERP.
  • Developed a proprietary framework and architecture to run a complex system with different modules like email, virtual drive, and CRM.
  • Constructed a platform for building eCommerce sites with a great deal of customizable content.
  • Created a UI to connect to social media outlets such as YouTube and Twitter to help supervise the user's online presence.
Technologies: CSS, HTML, JavaScript, APIs, Front-end, Responsive Design, Responsive Web Design (RWD), HTML5

Front-end Architect

2006 - 2017
EC-Ideas
  • Created the logo of the company.
  • Developed an app in which you can track vehicles using GPS technology.
  • Developed a mobile app using JavaScript and PhoneGap to create schedules.
  • Created an app to track the progress and status of game machines set at malls throughout the city.
  • Migrated the GPS platform from Flash to JavaScript.
Technologies: Flash, JavaScript, HTML, CSS, APIs, Front-end, Responsive Design, Responsive Web Design (RWD), HTML5

Freelance Web Developer

2004 - 2017
Metablocks
  • Worked on projects that supported US artist web engagement for clients such as Justin Bieber, Jennifer Lopez, and Miley Cyrus.
  • Supported a project that created a mosaic from Twitter avatars from posts on a certain topic. The mosaics were often used as album covers. This project was first done in Flash and then migrated to JavaScript.
  • Created Instagram-type effects that run in mobile phones at high speeds.
  • Created several games, which are clones of popular games, like Snake, Flappy Bird, and Candy Crush.
  • Created an editor in Flash, which can be used to make kinetic typography. The app allowed you to sync lyrics with music and then play it back. Clients that used the project were Paulina Rubio, Neon Trees, and P. Diddy.
Technologies: CSS, Node.js, HTML, JavaScript, Flash ActionScript, Front-end, Responsive Design, HTML5

Freelance Front-end Developer

2004 - 2008
Electric Wonders
  • Brought to life an online catalog by implementing promotional items that blinked.
  • Created a flip page app to be used with the catalog.
  • Created a custom product app in Flash that allowed you to upload a logo or add text and, see it flash, change colors, and blink at different speeds depending on what was available to the product.
  • Built the site for the company from the designs that were provided.
  • Created an executable version of the catalog in which you could also customize the product of your choice.
Technologies: Flash, JavaScript, HTML, CSS, APIs, Responsive Design, HTML5

Open-source Library

https://github.com/striwensko/Striwensko.js
I'm the author of Striwensko.js, a set of classes that provide integral functionality in JavaScript without tying you to a framework. The library is comprised of four main areas:

1. JSON loading (JSON_Loader class)
2. Animation (TimeLine class),
3. Event_Dispatcher (Helps maintain modularity)
4. Mouse, touch interaction (Drag_Touch class)

NDA

In this project, I helped with the development of a site for Exhale Spa, which became part of the Hyatt hotel group. The development was done using Angular 6 and it included an entire admin site where the admin can control the site content as well as view reports on the subscriptions and content.

Wiggot

https://wiggot.com/
This is a CRM system for real estate brokers that allows brokers and organizations to manage their clients as well as their properties. This system is build using React-Redux and also contains a publish site which runs on Node.js with a template system to create their own branded portal for each agency.

Photo Editor Example

This is one customization of a photo editor I created which has been used by many clients. This version in particular was customized for Gwen Stefani.

Example of Mosaic

http://www.tweematic.com/babyface/
This project is a mosaic I created that feeds in avatar photos from Twitter hashtags. Used by artists like Jason Derulo and Jennifer Lopez.

Kiwi-Bop

This site is currently in the process of being developed using Angular 4.

Sellution 360

Probably the most ambitious projects I've worked on is an entire CRM, eCommerce, and ERP system which required the creation of a new framework very similar in concept to what React and Angular would look like if merged together.

This project is a single-page application that has a router, an entire suite of components, and a system of loading modules separately to ensure enhanced loading speed.

Its core relies on my open-source library and the entire system was developed to be configurable via JSON, which makes adding new pages to the system extremely easy.

Languages

ActionScript 3, Flash ActionScript, HTML, CSS, JavaScript, TypeScript, HTML5, GraphQL, Reason ML

Libraries/APIs

React, Twitter API, Node.js

Tools

Flash, Git, Brackets, Visual Studio, Shopify Plus, Flow

Platforms

Shopify

Other

Shopify Customizations, PSD to Shopify, SVG, Text Animation, Animation, Front-end, Responsive Design, APIs, User Experience (UX), Recoil

Frameworks

Redux, Jest, Relay, Angular

Paradigms

Responsive Web Design (RWD)

2000 - 2004

Engineer's in Electronic and Communications Engineering

ITESM Campus Guadalajara - Guadalajara, Mexico

JULY 2018 - PRESENT

Toptal React Academy

Toptal

APRIL 2018 - PRESENT

React

ITESM

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring