About
Front-end developer proficient in HTML,CSS, and JavaScript and with a deep knowledge
of React.js and Node.js. I began to learn web development back in 2011 and started to develop
websites in 2013 as a junior Front-end developer.
I have participated in a wide variety of projects working alone or in teams using Agile Methodology,
specifically Scrum using Jira and Confluence. I know how important it is to communicate
with clients and team partners in order to develop in the most efficient way.
Other skills I have polished during the last years are unit testing with Jest/Enzyme, creation of
RESTful APIs with Express.js and GraphQL, Database management with MongoDB,
State Management with Redux and real-time, bidirectional, and event-based communication with
Socket.io.
I have also read many books about javaScript and web development and have made hundreds of exercises,
tutorials, and have participated in a wide variety of projects, so you can bet my coding style adheres to
the best practices in security and design patterns.
Front-end developer experienced with MERN stack.
- Birthday: 20 February 1988
- Phone: +57 3145421967
- City: Manizales, Colombia
- Age: 37
- Email: juandavidtabaresarce@gmail.com
- Freelance: Available
Frameworks and Libraries
Express.js, Socket.io, React.js, Next.js, D3.js, Bootstrap, Material UI, Mini.css, Durandal.js, GraphQL, XState, Redux.
Modules
nodemailer, mongodb, mongoose, express, axios, cors, formidable, material-ui, date-fns, jest-enzyme, redux-thunk, socket.io, lodash, source-map-explorer, react-styleguidist, html2canvas, jspdf, prop-types, react-test-renderer, @google-cloud, firebase, unirest, winston,cheerio, nodemon, puppeteer, sinon, gulp-concat, gulp-sourcemaps, gulp-babel, @babel/core, @babel/preset-env, @babel/preset-react, gulp-help, babel-loader, morgan, body-parser, cookie-parser, ejs,express-graphql, react-router-dom, @dnd-kit better-docs, JSDoc, react-query and many more.
Experience in numbers
I have worked on a wide variety of projects. I have experience in different sectors such as banks, finance, online platforms, aviation, health and management.
Happy Clients Including consultancy companies and its clients.
Big Projects from different sectors.
Hours Of Support working for consultancy companies and as freelancer.
Skills
I have skills with libraries, frameworks, databases and various technologies. Below there are some of them.
Resume
I started working as a junior developer in 2013, I have worked for various sectors and had the opportunity to travel to Mexico (2016-2017) and Santiago de Chile (2018-2020) .
Sumary
Juan David Tabares Arce
Front-end developer experienced with MERN stack with +10 years of experience working for consultancy companies and as a freelancer, very communicative, passionate and team worker.
- CLL 21 # 27-56, Manizales Colombia
- +57 3145421967
- juandavidtabaresarce@gmail.com
Certifications
CSS: Animation
2014
Linkedin Learning
Top skills covered: Interactive Web Content Cascading Style Sheets (CSS).
Express Essentials: Build Powerful Web Apps with Node.js
2015
Linkedin Learning
Top skill covered: Express.js.
MERN Essential Training
2017
Linkedin Learning
Top skills covered: MongoDB, Express.js, React.js, Node.js.
Front-end Development Program / Certificate of Accomplishment with Highest Distinction
2017-2018
FreeCodeCamp
In order to get the certificate is necessary to finish more than 300 hours of coursework and 5 projects.
javaScript Algorithms and Data Structures Developer Certification
2018
FreeCodeCamp
In order to get the certificate is necessary to finish more than 300 hours of coursework and 5 projects.
React.js Design Patterns
2018
Linkedin Learning
Top skill covered: React.js Design Patterns.
- Layout components
- Controlled vs Uncontrolled components
- Higher-order components
- Custom hooks
- Functional design patterns
End-to-End JavaScript Testing with Cypress.io
2018
Linkedin Learning
Top skill covered: Cypress.io JavaScript.
React: Securing Applications
2019
Linkedin Learning
Top skill covered: React.js Secure Authentication.
Learning End-to-End Testing with Jest
2019
Linkedin Learning
Top skill covered: End-to-end Testing Jest.
JavaScript: Test-Driven Development (ES6)
2019
Linkedin Learning
Top skill covered: Test-Driven Development JavaScript.
React: Software Architecture
2021
Linkedin Learning
Top skill covered: React.js Software Architecture.
Testing React with Jest and React Testing Library (RTL)
2022
Udemy
Top skill covered: Test Driven Development with RTL.
Pair Programming with AI
2023
Linkedin Learning
Top skill covered: GitHub ChatGPT Artificial Intelligence (AI).
Professional Experience
Dukascopy Bank
02/2013 - 10/2015
Remote, Swiss Online Bank, Front-end developer
Dukascopy offered me my first experience working as a front-end developer after a couple of years of practice. My responsibilities included creating forex data snippets and widgets, improving web design and refactoring code. I created web tools such as live charts, calendars, calculators, widgets and more using durandal.js, jQuery, javaScript and CSS.
The tasks were mainly to create snippets like forex data visualization, calendars for selecting and extracting data, and many tools that users could use via the web page. The daily job was mainly finishing new stories assigned from the manager and also creating new stories and bug resolutions in the backlog.
+
CSS+
javaScript+
jQuery+
Flexboxes+
Git+
Durandal.js+
Bitbucket+
Scrum+
GitKueski
02/2016 - 11/2017
Remote, Consumer Lending Company, Full-stack developer
After I finished working at Dukascopy I got a great opportunity with a Mexican company that offers micro-loans online. I was responsible for creating forms, refactoring code, maintaining the web server, the database, and implementing APIs. During this time I created several Rest Apis with Express.js to communicate the Kueski banks database with the user’s database. The user’s database was built in MongoDB. This project was mainly focused on the back end.My task was mainly to create new API endpoints, maintain them, and to create new database documents and models depending on new data from the new APIs and expose them to the UI, which was built with react-bootstrap. I had to create some new components in the front-end but the job was mainly focused on the back-end side. The API calls and express components were tested with mocha and chai.
+
CSS3+
javaScript+
jQuery+
SASS+
Express.js+
Bootstrap+
Node.js+
Scrum+
MongoDB+
Chai+
Helmet.js+
Git+
Rest Apis+
Bitbucket+
Docker+
TravisNisum
02/2018 - 12/2020
Santiago de Chile, Consultancy company, Full-stack developer
Oceanx, subscription commerce platform, Full-stack developer [04-2018 - 03/2019]:
During
the first months of 2018 I worked in Nisum local projects until I got hired by Oceanx as a Nisum
contractor in April, then I worked remotely from Nisum facilities with Oceanx team members located in
Silicon Valley creating a CMS in React.js which connected to several APIs. I participated in the SDLC
process from the requirement analysis stage. I was responsible for maintaining and implementing a react
component library built in material-ui. I was involved on this project until March 2019.
+
CSS3+
javaScript+
Webpack+
SASS+
React.js+
MongoDB+
Express.js+
Next.js+
Redux+
Scrum+
Material-ui+
CHAI+
Node.js+
Helmet.js+
Git+
Bitbucket+
Docker+
TravisScotiabank, payment gateways and migration from Durandal.js to React.js, Full-stack developer
[07/2019 - 12/2020]:
I worked at Scotiabank facilities as a Nisum contractor from July 2019
to December 2020. On this project I also participated in the SDLC from the requirement analysis stage.
Between other tasks, I had to instruct Scotiabank developers in React.js, Node.js, and Express.js. and
create several internal payment gateways. The internal payment gateways were built with React.js
components and the state management was maintained with Redux. I created a react component library with
Material-UI and taught Scotiabank developers to use it and implement it.
My task was mainly to create a new MERN stack web app based on the legacy one which was built on Durandal.js, apache and php. The data that came from the Scotiabank API was saved with MongoDB and exposed via express API routes to the front-end side. The front-end side was built with React.js and Material-UI.
The front-end side was a dashboard that Scotiabank users could use to make transactions and export the data of their transactions. It was a module inside a bigger interface that was handled by other teams. The idea was to start migrating certain parts starting from modular components to bigger components. The tasks on the front-end side were mainly to create the payment gateway and connect it to the Scotiabank API service, once the service answered show the data in the front and save it back to the new MongoDB database. In the process I taught Scotiabank developers to convert the durandale.js components into react ones, saving the data in the MongoDB database. I had the opportunity to instruct three front-end developers, two back-end developers, and one full-stack developer. I also created a Scotiabank react library to share the new components between the teams.
+
CSS3+
javaScript+
Webpack+
SASS+
React.js+
Next.js+
Redux+
Scrum+
Material-ui+
Node.js+
Helmet.js+
MongoDB+
Express.js+
Git+
Bitbucket+
Docker+
Travis1200.aero
04/2021 - 10/2021
Remote, Live Flight Tracking web app, Front-end developer
In April 2021, I started working remotely for a company of two shareholders. When they contacted me the app was in beta state. I continued working on it after the developer who started the project left the job. The app is a web page that monitors live flights and displays the data as a free service to airports and aviation schools. I had to create new user interface components like svg airplanes in google maps which move on the maps receiving real data from external sources. I also had to improve the app performance and refactor code. I used x-state for managing the state of the app and typescript for typing it. The tasks were mainly to create new features based on the talks with the owners of the app and to teach them to use React.js (they were both developers in python, in fact they made the backend). I also resolved many bugs that were pending by the former developer and improved the performance by using the react dev tools. I also converted many class components into hooks. The user interface was built in a library made by the former developer, so I had to consume it and create new components.One of the biggest challenges was to create a pdf bill very customized by the owners. The pdf was built on dynamic data and interactions of the user, so it was challenging. I used the module jspdf for creating the pdfs.
+
CSS3+
javaScript+
React.js+
XState+
Scrum+
Material-UI+
Typescript+
Googlemaps+
Git+
BitbucketPerficient
04/2021 - 06/2022
Remote, Global digital consultancy, Front-end developer
In April 2021 I had the great opportunity to start working in Talos, a Colombian digital consultancy company with many years of experience (Talos was bought in September 2021 by Perficient). I started to work for one of its biggest clients; the All Health company. The project involved using react.js and material-ui, it was focused exclusively on the front-end. I had daily meetings with the team and coworkers in order to talk about current and future tasks.
My responsibilities were mainly to create new visual components such as pages, parts of the web page, reusable components and consume the data from the APIs. One of the biggest changes I made was a drag-and-drop feature inside several pages. It allowed the users to reorganize the content much better. I implemented the new feature with react-beautiful-dnd module and it was reusable across all the webpage. Another big task was to create a table that could handle thousands of data, using a material virtualization method. This allowed users to watch surveys and export data in csv and json formats. I also worked in the authentication part, handling the user data flow depending on the current authentication level. The data for the authentication came from azure service. Talos was bought by Perficient in September 2021, I continued working on the same project until June 2022.
+
CSS3+
javaScript+
React.js+
Redux+
Kanban+
Material-UI+
Typescript+
Git+
BitbucketBairesDev
07/2022 - 05/2023
Remote, Software development consultancy Company, Front-end developer
Soon after working in Perficient I joined BairesDev, a software development consultancy company with many clients. I joined Cavallo, a company that offers Distribution Inventory Management Software. I worked mainly with React.js and Typescript, developing new stories and resolving bugs. The team worked under Extreme Programming, communication and teamwork was a key factor for the client. The software was a dashboard that could be accessed by different companies with different needs and customization. The stories were mainly creating new components to enrich the user experience, those new components were introduced by the client and discussed during the daily meetings. The stories were delivered every two weeks. One of the most challenging stories I had to take was a table that received live data from an endpoint. The table had some filters that, depending on the selection, connected to other endpoints, so chaining the promises the right way with the right pattern was difficult because it required listening to all possible changes from the filter. Hundreds of possibilities had to be taken in account. I would like to mention that in every story a test, an integration test, an end to end test and a storybook component were needed, also all the code pushed by the team was reviewed by every developer, so comments and improvements to the code were an everyday task.+
CSS3+
javaScript+
React.js+
Next.js+
Redux+
Scrum+
Styled components+
Typescript+
Extreme programming+
Bitbucket+
GitChaiOne
09/2023 - 12/2024
Remote, Software development consultancy Company, Front-end developer
I started working in ChaiOne in September 2023 for one of its clients: Xiltrix, the project is a state-of-the-art laboratory monitoring system that allows users to create different devices as equipment, substations and to add sensors to those equipment. The sensors can trigger alarms that the users can receive via email and sms messages.
The alarms can be customized with different levels and timings depending on the user's needs.
The work was mainly clearing the stories backlog and creating new user interfaces and services.
+
Tailwind+
javaScript+
React.js+
Redux+
Typescript+
Node.js+
Bitbucket+
RTL+
TDD+
Git
Contact
Location:
Cll 21 # 27-56, Manizales Colombia
Email:
juandavidtabaresarce@gmail.com
Call:
+57 3145421967