Fernando Rivas, Front-end Developer in Sitges, Spain
Fernando Rivas

Front-end Developer in Sitges, Spain

Member since July 12, 2017
Fernando has more than ten years of experience in front-end development, first working for his own company, then as a freelancer and employee, participating in a wide range of projects and teams using HTML5, PHP, JavaScript, jQuery, CSS/Sass, Bootstrap, and mobile web applications. More recently he has developed applications using React and testing with Jest.
Fernando is now available for hire


  • Alten Spain
    Cordova, SCSS, Moodle, PHP, JavaScript
  • Adhumansoft
    JavaScript, CSS, Ajax, SOAP, Bootstrap, jQuery UI, jQuery, MySQL, PHP, HTML5
  • Alux Location
    Nunjucks, Bootstrap, jQuery UI, jQuery, JavaScript, SCSS, MySQL, PHP, HTML5



Sitges, Spain



Preferred Environment

WebStorm, PhpStorm, Linux

The most amazing...

...project I’ve worked on is a rentals website which I fully developed including the UI and the booking/calendar engine.


  • Front-end / Moodle Developer

    2017 - PRESENT
    Alten Spain
    • Developed education web applications based on Moodle.
    • Used SCSS modules to adapt themes to XD given designs.
    • Developed AMD JavaScript modules for UI.
    • Built Moodle 3+ development framework mods an themes.
    • Created layouts using Mustache templates.
    • Developed front-end for the mobile version of the applications using Cordova, SCSS and JavaScript.
    Technologies: Cordova, SCSS, Moodle, PHP, JavaScript
  • Freelance Front-end Developer

    2017 - PRESENT
    • Fully designed and developed an employee portal to manage complex working hours, schedules, and presence control; portals are used mainly by employees and managers of hospitals and clinics.
    • Developed the UI using HTML, CSS, jQuery, jQueryUI, and JavaScript to provide communication with the back-end using Ajax as well as functionalities such as employees plannings, schedules, requests to managers, payroll printing, notifications, etc. The back-end consisted of several PHP classes and connected the application with an ASPX SOAP web service, and acted as an interface to translate XML to JSON and used this JSON for the front-end Ajax to present and receive user data.
    • Created and developed a social network module that allows communication between employees, by creating posts with rich text and attachments. Users can be part of different groups and there are both manager and user roles. Chat with other users is also an available feature.
    • Developed a web application for an official entity using ReactJS, React Bootstrap, Redux, Webpack for building and dev server, PHP/MySQL for the back-end.
    Technologies: JavaScript, CSS, Ajax, SOAP, Bootstrap, jQuery UI, jQuery, MySQL, PHP, HTML5
  • Freelance Web Developer

    2013 - 2018
    Alux Location
    • Developed a tourist accommodations rental web application with has searching, booking, online availability, and online payment capabilities.
    • Created the front-end using Bootstrap and SCSS, then jQuery, Javascript and Nunjucks to make the website work as a single page application, and communicate with the back-end using Ajax services ensuring the website was responsive and mobile ready.
    • Built the back-end using PHP and MySQL to give the website the ability to accept online payments, as well as the booking and calendar engine that made possible to display availability and prices online according to user search and filters.
    • Managed the webmaster console to further optimize presence in search engines.
    • Refactored this website to use React.js and Material UI or Semantic UI instead of pure JavaScript.
    Technologies: Nunjucks, Bootstrap, jQuery UI, jQuery, JavaScript, SCSS, MySQL, PHP, HTML5
  • Front-end Developer

    2017 - 2017
    Beessip LLC (via Toptal)
    • Worked in a team to develop the front-end of a responsive website for media producer Method Studios.
    • Created stylesheets in SASS (SCSS) from given designs in Sketch export format to be applied on HTML templates.
    • Developed UI components and Ajax services using ES6, building tools were gulp, Babel, Babelify, Browserify, among other libraries.
    • Set up and worked with a local environment using Django CMS (Python3), PostgreSQL, and Elasticsearch service in order to work with the back-end team.
    • Used JIRA as collaboration tool and Git (Bitbucket) as VCS for deploying developments, manage branches and pull requests, fix bugs and work with QA team.
    • Performed tests in many browsers and mobile devices to ensure UI compatibility.
    Technologies: Browserify, Jira, Bitbucket, Git, Babel, Gulp.js, JavaScript, Sass
  • Front-end Developer

    2013 - 2017
    CVA Consulting
    • Contributed to the front-end development of a Moodle plugin geared towards elementary and high school students and teachers providing a platform of school books with interactive multimedia activities, illustrated content, and communication with the teacher through assignments and grading capabilities.
    • Created stylesheets using SCSS to modify/adapt Moodle themes to the client design requirements, the designs were commonly given in PSD or PNG format and required to be as pixel-perfect as possible.
    • Developed the UI in Require/Amd Javascript modules to follow the client's design requirements, development included Ajax web services and creating Mustache templates and HTML layouts.
    • I also contributed to the back-end development using PHP, adapting parts of Moodle's mods and plugins, and creating classes and objects to represent the books structure which was delivered in JSON.
    • For VCS and developments delivery, I used GIT, and as the team worked under the SCRUM framework, JIRA was used for issues and sprint management.
    Technologies: SCSS, Jira, Ajax, Moodle, jQuery, AMD, RequireJS, JavaScript, PHP, HTML5
  • Front-end Developer/Partner

    2003 - 2013
    • I designed and developed the UI of the company's websites, which was dedicated to tourist rentals in Barcelona and Catalonia.
    • Development of the front-end included property search and listing, details pages, with the ability to filter by date and other features or the accommodations, I used mainly CSS, HTML, PHP and Javascript/jQuery.
    • Using PHP and MySQL, I developed the back-end, this included the booking and calendar engine to manage the properties availability, online payment using bank and paypal connection, as well as web services integration with channel managers.
    • SEO, social media marketing, and AdWords PPC management.
    • Oversaw dedicated Linux server management and maintenance.
    Technologies: MySQL, Ajax, CSS, jQuery, JavaScript, PHP, HTML5


  • BcnFriendly

    A Barcelona tourist apartment rental website with the ability to search by dates, filter by apartment size, and online booking/payment capabilities.

    Developed the front-end with jQuery, Bootstrap, SCSS, and Nunjucks templates on the front-end, and and the back-end booking, calendar, and payment engines with PHP.

  • Savia Digital (SM Publishings, Spain)

    A digital learning platform based on Moodle with an extensive catalog of books for elementary and secondary school.

    In collaboration with the development team, I developed functionalities of the books UI using SCSS, JavaScript, jQuery, and Ajax web services.

  • Adhumansoft - Professional Portal

    This intranet website is an extension of the company’s text application whose target market consists of hospitals and clinics with complex staff working hours. The intranet provides the ability to manage calendar and planning reports, vacation requests, schedule changes, incidents, payroll reporting, and more.

    The main technologies used in developing the front-end of the intranet were HTML5, SCSS, JavaScript, jQuery, and jQuery UI. PHP was used in creating the back-end to communicate with central SOAP web services.

    Most recently, a social network plugin was added to the portal using Bootstrap, Nunjucks, and MySQL in addition to the technologies mentioned above.

    The social network has the ability to create groups of users and roles. For example, groups can be seen from people within a specific department, or read-only groups can be created for pinned announcements. Posts include text formatting and attachment capabilities while groups provide the ability for online and offline direct messaging between members.

  • Method Studios Responsive Website

    As part of the front-end team, helped developing UI components using ES6 (gulp/babel setup) and styles with SCSS (employed by Beessip LLC).

  • Theming with Sass: An SCSS Tutorial (Publication)
    When it comes to theming; that is, changing the look and feel of your website while maintaining the same layout, Sass' features—like mixins or functions—can feel like taking a plane instead of walking! In this tutorial on SCSS, we're going to create a minimal theme and use SCSS to give our CSS programming some superpowers.


  • Languages

    CSS, JavaScript, SCSS, HTML5, ECMAScript (ES6), PHP 7, PHP, Sass
  • Libraries/APIs

    jQuery, React, Mustache, jQuery UI, RequireJS
  • Frameworks

    Bootstrap 3+, Bootstrap, Material-UI
  • Tools

    Git, PhpStorm, WebStorm, Browserify, Babel, Gulp.js, Bitbucket, NPM, Grunt, Jira, Moodle, Webpack 4
  • Storage

  • Other

    Responsive UI, Front-end, Ajax, SOAP, Nunjucks, Cordova, Android Development, Semantic UI, PSD Slicing, Templates
  • Paradigms

    Responsive, Scrum, Agile Software Development
  • Platforms

    AMD, Android, Windows, Linux


  • Master's degree in Multimedia Application Design
    2004 - 2005
    Fundació Politècnica de Catalunya - Barcelona, Spain
  • Bachelor's degree in Computer Engineering
    1988 - 1992
    Monterrey Institute of Technology, Queretaro Campus - Querétaro, México


  • Android Basics Nanodegree by Google
  • Codeschool.com
    React.js (Powering up with React)
  • CoffeeScript
  • Google Developer Challenge Scholarship, Android Development
  • Codeschool.com
    Angular (Accelerating through Angular)
  • AngularJS (Shaping up with AngularJS)

To view more profiles

Join Toptal
Share it with others