Mauricio Jose Flores, Developer in Tegucigalpa, Honduras
Mauricio is available for hire
Hire Mauricio

Mauricio Jose Flores

Verified Expert  in Engineering

UI Developer

Tegucigalpa, Honduras

Toptal member since October 1, 2018

Bio

Having started as a designer, Mauricio has a passion for building clean, modern, and captivating visual interfaces. His previous roles include turning mockups into pixel-perfect functional websites as well as customizing existing ones. He has worked in diverse development environments and easily adapts to different client needs. Mauricio is flexible but is committed to constant and clear communication.

Portfolio

Toptal Client
HTML, CSS, Sass, JavaScript, jQuery, React, WordPress, PSD to HTML...
LingoMod, LLC
jQuery, JavaScript, CSS, HTML, PHP, WordPress
Mauricio J Flores Freelance Web Design & Development
WordPress, jQuery, JavaScript, CSS, HTML

Experience

  • CSS - 7 years
  • jQuery - 7 years
  • HTML - 7 years
  • JavaScript - 7 years
  • WordPress - 5 years
  • Webflow - 4 years
  • Sass - 4 years
  • React - 3 years

Availability

Part-time

Preferred Environment

Node.js, Git, Visual Studio Code (VS Code), MacOS

The most amazing...

...project I've designed and built is a team and project management web application that provides visual feedback of members' and projects' task progress.

Work Experience

Contract UI and Front-end Developer

2019 - PRESENT
Toptal Client
  • Contributed to developing intranet sites for a large organization that allows users to post scientific articles, community events, and other content types. The sites also include social features, such as comments, likes, and subscriptions.
  • Built the front-end functionality of several sites and apps, coding provided designs in PSD or Sketch files, to HTML, WordPress templates, and React components.
  • Contributed to several internal web single-page applications, focusing on UI development, front-end functionality, and integration with RESTful APIs.
  • Contributed to several web app extensions, including creating new page templates, enabling new content types, and implementing design updates.
  • Contributed to ongoing cross-browser compatibility bug fixing and responsive design issues for all of a client's projects.
  • Built and updated several websites with no-code tools such as Webflow and Ion Interactive. My contributions include building sites from scratch, content and design updates, and general site maintenance.
Technologies: HTML, CSS, Sass, JavaScript, jQuery, React, WordPress, PSD to HTML, PSD to WordPress, PHP, Responsive Web Design (RWD), REST APIs, Webflow

Contract Web Designer and Front-end Developer

2016 - 2018
LingoMod, LLC
  • Implemented a client's branding guidelines by customizing and maintaining the design on their sites.
  • Customized the UI of a client's initial WordPress theme to reflect the rebranding of the company's eCommerce store.
  • Provided design guidelines and setup for an eCommerce site to standardize the display of the product gallery.
  • Implemented an extensive modification of a prebuilt theme and also maintained the client’s main site, a legal translations agency.
  • Created custom WordPress plugins to integrate the clients' sites with specific needs, such as customized search results and the integration of a newsletter subscription and a third-party chat feature.
Technologies: jQuery, JavaScript, CSS, HTML, PHP, WordPress

Freelance Web Designer and Developer

2015 - 2018
Mauricio J Flores Freelance Web Design & Development
  • Designed and developed multiple websites for several clients with different needs as an individual contractor for short- to mid-term projects.
  • Extended an existing website for Intermountain Pool Covers (2018) by creating additional pages designed to provide a complete profile of the company's two main products. The pages include an image with tooltip UI and full-screen background videos.
  • Customized a premium theme for CassieSpencer.com (2017), integrating requested layouts and specific content needs to the site, and worked with existing tools and plugins to enhance key parts of the site, such as hero banner sliders and contact forms.
  • Transformed a high-fidelity mockup into a custom WordPress theme with general pages as well as custom index pages for categorized index blog articles for NinjaSauce.co in 2017.
  • Designed and built AaronfloresID.com's portfolio website as a custom WordPress theme along with custom dashboard features for the pages that showcased the categorized portfolio items with carousel image galleries.
Technologies: WordPress, jQuery, JavaScript, CSS, HTML

Contract Web Designer and WordPress Developer

2015 - 2018
Koshkonong, LLC
  • Designed, developed, maintained, and consulted for a client’s WordPress websites.
  • Transformed high-fidelity mockups into fully functional WordPress themes as well as extended the admin dashboard for ease of content management through custom post types, custom fields, custom plugins, and widgets specific to the site's needs.
  • Extended a client’s main site by designing and developing a paid membership section of online video courses, integrating contacts and membership information with a third-party CRM tool, InfusionSoft.
  • Designed and developed multiple landing pages for the client's different online campaigns for webinars, promotions on products, and services.
  • Built an initial wireframe design and coded the final mockup into a WordPress theme for podcast sites, featuring integration with the Libsyn podcast hosting service, show notes, transcriptions, and landing pages.
  • Assisted in multiple site deployments, migrations, and backups of clients' websites.
Technologies: Theme Development, WordPress, PHP, jQuery, JavaScript, CSS, HTML

Contract Designer

2014 - 2016
WPBlogsites
  • Designed and created graphics and vector illustrations for animated promotion and explanation videos for the company's clients.
  • Designed and developed graphic assets (banners, logos, icons, and illustrations) for the company's client websites.
  • Contributed to regular website maintenance tasks, such as content and database back-ups, content management, and CMS updates.
Technologies: Adobe Photoshop

Volunteer Web Designer

2014 - 2014
World Initiative for Soy in Human Health
  • Consulted, redesigned, and developed for the organization’s official site, turning a provided wireframe sketch into a full-fledged WordPress site.
  • Consulted and assisted in the content migration from the previous site as well as in hosting setup and deployment of the new site on a live server.
  • Contributed to website maintenance tasks, such as content management and bug fixes.
Technologies: WordPress, jQuery, JavaScript, CSS, HTML

Experience

Open Source UI Component Library

https://github.com/majoflosa/ui-components
An open-source repository of HTML, Sass/CSS, and JavaScript (ES6) components and/or example code for commonly used UI features, such as loading animations, hero banners, different parallax effect implementations, hover effects for buttons, and much more.

Each component is a small collection of files—HTML, Sass, CSS, and JavaScript on some—which can be used independently of other code and customized to fit seamlessly into an existing codebase. They are meant to provide developers with a minimal foundation of code so they can further style and accommodate to their own projects.

I write all of the code for all of the components, maintain the repository, and deploy live demo pages for each. It is ongoing, and new components are added periodically, as well as also handling the code revisions for those previously added.

FolioClique

http://www.folioclique.com/
FolioClique is a web app for teams to manage projects and their respective tasks. It features overview pages that provide quick visual feedback of each member's and project's progress with their assigned tasks. Other features include detailed views of each member, project, and task; task sorting, filtering, and search; user authentication and registration; member invitations; and comment sections for each individual task.

This project started out as an assignment for a web development course, and as such was fully developed—front end and back end—and is currently being further developed and maintained by me. Additionally, I was in charge of the full planning process from start to finish, including specifications for the MVP features, wireframe and mockup design of each view, prototyping basic behavior with HTML, CSS, and JavaScript, and implementing the full app functionality using React, Node.js, and SQL.

Technology stack: React, Redux, SQL, Node.js, Sass, responsive design, Auth0

Remnant Tribes

http://remnanttribes.com
Remnant Tribes is an entertainment website for an ongoing story narrated in comic format. The website hosts a paginated section of each page of the comic, with periodic updates. Additional features include a blog section, an interactive click-and-drag map, an image gallery of character illustrations, and other static pages.

Not only are the story and art my own original creations, but I also designed and developed the site from start to finish, including planning wireframes and user flow, color palette, mockups, and translating these designs into a WordPress theme. It involved taking advantage of several of WordPress's development APIs, such as custom post types, custom loops, custom fields, widgets, and shortcodes. I also took care of deployment using a basic commercial hosting service, and I currently maintain the site.

Technology stack: WordPress (custom theme design and development), PHP, JavaScript, jQuery, Illustration, Photoshop

Education

2006 - 2012

Bachelor's Degree in Architecture

Universidad Católica de Honduras - Tegucigalpa, Honduras

Certifications

JULY 2018 - PRESENT

Certificate in Full-stack JavaScript

DevMountain

Skills

Libraries/APIs

jQuery, Node.js, React, REST APIs

Tools

Adobe Photoshop, Git

Languages

CSS, HTML, JavaScript, Sass, PHP, ECMAScript (ES6)

Platforms

Webflow, WordPress, Visual Studio Code (VS Code), Firebase

Paradigms

Responsive Web Design (RWD)

Other

WordPress Themes, PSD to WordPress, PSD to HTML, UI Development, Theme Development

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