Francisco Richardson, Developer in Vila Nova de Gaia, Portugal
Francisco is available for hire
Hire Francisco

Francisco Richardson

Verified Expert  in Engineering

Software Developer

Vila Nova de Gaia, Portugal

Toptal member since July 18, 2019

Expertise
JavaScriptReact.jsTypeScriptCSSReduxJavaC#C++SQLNode.jsASP.NETjQueryGraphQLX (Formerly Twitter) Development
Bio

Francisco is an adept software engineer with over eight years of professional experience developing, managing, and leading projects. He takes satisfaction in being a reliable, proactive, and versatile problem solver. Francisco also knows the importance of communication, expectation management, teamwork, work ethics, discipline, and assertiveness when working remotely. Having been a university software engineering teacher, Francisco has a good sense of best practices and paradigms.

Portfolio

Dig Inn
React, JavaScript, TypeScript, Node.js, Serverless, Flask, Amazon...
Roti Modern Mediterranean
React, JavaScript, CSS, React Native, Styled-components, Emotion Library
RedBrickAI
React, React Redux, Redux, SCSS, CSS, Material UI

Experience

  • JavaScript - 7 years
  • React - 5 years
  • Java - 4 years
  • C# - 3 years
  • SQL - 3 years
  • Node.js - 2 years
  • GraphQL - 1 year
  • ASP.NET Core - 1 year

Availability

Part-time

Preferred Environment

Slack, Git Extensions, Eclipse, WebStorm, Visual Studio, Postman

The most amazing...

...projects I've developed were a series of dynamic web dashboards with multi-filter listings and profile pages, displaying data through maps, tables, and charts.

Work Experience

Lead/Expert Software Engineer

2022 - PRESENT
Dig Inn
  • Led the web ordering app and served as the in-house expert of the holistic food ordering platform OpenTender. Every day, Dig receives thousands of customers and orders to the page.
  • Developed, maintained, and updated the platform. Managed the development/issue cycle, coordinated with the back-end and mobile teams, and reported to management.
  • Created new features, pages, and components, fixed bugs, and maintained the page. I also introduced TypeScript to the project.
  • Developed new back-end features (Flask) and serverless services (AWS Lambda and Cloudflare Workers).
  • Used Trello and Sentry to manage the day-to-day development and maintenance. For new client-facing developments, a Figma layout was usually supplied. Also worked with customer success on any specific issues that showed up.
Technologies: React, JavaScript, TypeScript, Node.js, Serverless, Flask, Amazon, Styled-components, Emotion Library

Web Ordering App Software Engineer (via Toptal)

2021 - 2022
Roti Modern Mediterranean
  • Led the web ordering app. Developed, maintained, and updated the platform.
  • Managed the development/issue cycle, coordinated with the back-end and mobile teams, and reported to management.
  • Used Trello and Sentry to manage day-to-day development and maintenance. A Figma layout was usually supplied for new client-facing developments.
  • Worked with customer success on any specific issues that showed up.
Technologies: React, JavaScript, CSS, React Native, Styled-components, Emotion Library

Web Editor Software Engineer (via Toptal)

2021 - 2021
RedBrickAI
  • Developed several React hooks, components, and features.
  • Updated and fixed bugs in components and CSS styles.
  • Used a React and TypeScript framework with a Redux state manager. We used a functional development paradigm with Hooks.
  • Used mainly the SCSS and CSS Module for styling components.
Technologies: React, React Redux, Redux, SCSS, CSS, Material UI

Web App Software Engineer (via Toptal)

2020 - 2021
Cashew Payments
  • Developed several pages and components, including platform onboarding pages and input and chart components.
  • Updated and fixed bugs on components and pages. Was responsible for creating and increasing test coverages for these pages and components.
  • Used a React and TypeScript framework with a Redux state manager. We used a functional development paradigm with Hooks.
  • Used the Recharts library and Canvas to create dashboard components.
Technologies: React, Redux, Storybook, Jest, Recharts, SCSS, Canvas 2D, TypeScript

Maps/Tour Software Engineer (via Toptal)

2020 - 2020
Messiah University (via Toptal)
  • Updated the online map tour with new features and tweaks and added overlaying tiles of a new map over the default/outdated one.
  • Created a new tour website for the university's VR tour experience.
  • Used HTML, JavaScript, and CSS for the projects. Used Google Maps for the map system, and jQuery was used when appropriate, particularly to select elements and create UI components.
  • Delivered data from a Jadu back-end system in JSON format. From there, markers, tooltips, and stop profile pages were created.
Technologies: jQuery, Google Maps, CSS, JavaScript, HTML

Dashboards Software Engineer (via Toptal)

2019 - 2020
Contiamo
  • Developed and maintained three web applications to display large amounts of data more visually, using maps and different types of graphs. These apps are used in the fields of logistics, communications, and real estate.
  • Used a React and TypeScript framework with Apollo GraphQL to connect to the back end to read and write data. We used a functional development paradigm with Hooks.
  • Used Leaflet, Mapbox, Recharts, and Victory for maps and graphs. We also used Emotion for styling and Jest for testing.
  • Created components from scratch like new pages, maps, charts, filters, input components with on-the-fly response, and useful user feedback (loading and error handling) to guarantee a great UX.
  • Owned system restructuring and component adaptation when clients' specs were updated.
Technologies: Storybook, Jest, Emotion Library, Victory, Recharts, Mapbox, Leaflet, Apollo, GraphQL, TypeScript, React, Redux

University Lecturer

2019 - 2020
University of Porto, Faculty of Engineering
  • Taught classes about algorithm design and analysis (practice lessons).
  • Lectured on algorithmic techniques: divide and conquer, greedy algorithms, dynamic programming, and backtracking algorithms.
  • Worked on algorithm representation and formalization, complexity analysis (temporal and spatial), and algorithm verification and correctness.
  • Gave lectures on graph algorithms, including depth/breadth-first search, topological sort/order, connected components, shortest path, spanning trees, network flow, an Euler circuit, the Chinese postman problem, and matching and stable marriage problems.
  • Lectured on string algorithms involving exact string matching, approximate string matching (fuzzy string searching), the longest common substring problem, and text/file compression.
  • Involved in project and exam grading and student testing.
Technologies: Unit Testing, Eclipse, C++

Head of EasyVR Project

2018 - 2019
Ground Control Studios
  • Managed all aspects of the B2B projects in the company.
  • Developed online 360° Virtual Reality tours for clients.
  • Dealt with high-profile clients, investors, and partners.
Technologies: CSS, A-Frame, HTML, JavaScript

Software Engineer | Researcher

2017 - 2017
University of Porto, Faculty of Engineering
  • Worked on a multi-AUV (autonomous underwater vehicle) control cloud platform, focusing on features and bug fixing.
  • Created abstract layers to add new royalty-free libraries.
  • Optimized processes in multiplatform environments.
Technologies: Git, Eclipse, Java

Product Manager

2015 - 2016
Sceelix
  • Spearheaded customer development and the company strategy.
  • Acted as the head of marketing (traditional and growth).
  • Created content like images, videos, blog posts, and more.
  • Managed company operations, finances, and fundraising.
Technologies: Email, Skype, X (formerly Twitter), Reddit, Facebook, Trello

IT and Operations Manager

2011 - 2015
Mouchão
  • Oversaw the creation and maintenance of the wine-and-agricultural company's main and mobile website.
  • Managed and was responsible for all communications solutions.
  • Handled the invoicing and logistical software integration.
  • Was involved in operations, marketing, branding, strategy, and logistics.
Technologies: CSS, IT Systems Architecture, Drupal

Head Software Engineer | Researcher

2009 - 2011
University of Porto, Faculty of Engineering
  • Worked on a project that generated unit tests autonomously based on algebraic specifications (black box).
  • Headed the project from the software engineering laboratory.
  • Used Alloy's (first-order logic) Java API to create several possible testing models.
  • Presented the technology at international congresses in Portugal and abroad.
Technologies: Git, Alloy, Unit Testing, Java

Space Images Search Web App (using NASA API)

https://bit.ly/space-images-repo
A web app that lets you use NASA's API to search for images. Developed this specifically to create and showcase a React boilerplate to potential customers. Though still under development, it already shows features like routing, state management, linting, page formatting, tag management, etc.

Repo: Bit.ly/space-images-repo
Live: Space-images.surge.sh

Phone Marketing Proxy Lambda (for Salesforce Marketing Cloud)

http://diginn.com
A Serverless AWS Lambda project to proxy data from the pop-up React form (also created in this project) to the Salesforce Marketing Cloud account.

This project self-deploys the necessary Node.js lambda, gateways, and subdomains to create an API to register customers for SMS phone marketing on Salesforce Marketing Cloud.

This proxy service adds extra security (hiding Salesforce details and limiting users' actions) and deals with Salesforce's required SOAP API (XML).

Interactive Railway Logistical Map

https://www.contiamo.com/
This React project used TypeScript, GraphQL, Leaflet, Emotion, and other libraries. I had to create the whole front end with an interactive custom map that had information about trains and lines. This information was presented in complex overlaying tooltips with several tabs and tables. This was a project for a large German train company.

Telecommunications Analytics Dashboards

https://www.contiamo.com/
This React project used TypeScript, GraphQL, Emotion, Recharts, and other libraries. I had to restructure some parts of the front end and create new parts as well. As part of this, I made several interactive charts, graphics, and tables. These components also had dynamic fields and filters. This was a project for a large telecom company.

Real Estate Filterable Lister with Profile Dashboards

https://www.contiamo.com/
A React project using TypeScript, GraphQL, Emotion, Recharts, Leaflet, and other libraries. In this project, I had to restructure the whole front end and add several filterable entry listings and profile pages (for each of the listed properties) with several charts, tables, and maps. The list columns and filters were added dynamically whenever new fields were added in the back end and config files. This was a project for a large real estate investor.

Aid4Help

https://imaginecup.microsoft.com/
A social network developed in ASP.NET to help NGOs get the resources they need to support companies based in developing nations. This was built in the context of Microsoft's Imagine Cup, and we reached the national finals.

Sapo Codebits Hackathon

https://en.wikipedia.org/wiki/SAPO_Codebits
I am the two-time winner of the Sapo Codebits hackathon. Codebits was a 48-hour hackathon at its core, but it also had a number of talks and entertainment activities. The number of seats increased over the years, calling international hackers as well and turning it into a kind of geek culture festival.
2015 - 2015

Grant Winner in Intensive Acceleration Program

Carnegie Mellon University - Pittsburgh, PA

2013 - 2014

Graduated in General Management Course

Porto Business School - Porto, Portugal

2005 - 2010

Master's Degree in Computer Engineering

University of Porto, Faculty of Engineering - Porto, Portugal

Libraries/APIs

React, Recharts, Node.js, jQuery, Web API, React Redux, Nightwatch.js, Google Maps, Leaflet, Chai, Victory, Emotion Library

Tools

React Apollo, Visual Studio 2019, Mocha, Visual Studio, WebStorm, Git, Trello, Skype, Jira, Basecamp, Slack, Docker Compose, Facebook Ads Manager, Postman, Redux Thunk, Canvas 2D, Advertising Tools & Platforms, Flash, GitHub

Languages

JavaScript, HTML, TypeScript, C#, Java, C++, SQL, CSS, GraphQL, PHP, SCSS

Frameworks

.NET, Redux, ASP.NET, Entity Framework Core, ASP.NET Core, A-Frame, Alloy, Jest, ASP.NET MVC, Bootstrap, Material UI, React Native, Flask

Paradigms

Agile Software Development, Test-driven Development (TDD), Design Patterns, Unit Testing

Storage

SQL Server 2017, MySQL, SQLite

Platforms

Eclipse, Drupal, X (formerly Twitter), Mapbox, Amazon, AWS Lambda

Other

Full-stack, Git Extensions, IT Systems Architecture, Facebook, Reddit, Email, Maps, Storybook, CSS-in-JS, General Management, Computer Engineering, Scaling, APIs, Apollo, Serverless, Styled-components, Startups, Business

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