About

background

After 10 years as a 3D artist in TV and advertising, I made the switch to full-stack web development. Now I use my creative eye and attention to detail to design slick user interfaces and build the backend code to power them. I'm skilled with JavaScript frameworks like React and Vue, as well as Python/Django and Node.js on the server-side. Whether it's an e-comm site, interactive app, or admin portal, I have experience delivering polished products from concept to launch. My diverse background in design and coding allows me to approach projects from all angles to craft user-friendly, performant web apps.

Work Experience

Grafica Vision / Bci Logo Image

Grafica Vision / Bci

Project Lead + UI Designer

Unity Logo ImageUnity
Jira Logo ImageJira
Figma Logo ImageFigma
Firebase Logo ImageFirebase
Node.js Logo ImageNode.js

7/3/2020 -2/18/2021

  • Effective Education: Helped BCI employees acquire important cybersecurity knowledge to understand and mitigate cyber risks in their daily work.
  • High User Engagement: Achieved a high rate of participation and recurring use of the app, indicating that employees found it engaging and educational.
  • Positive Feedback: Received positive reviews and high ratings from users regarding the app's usefulness and usability.
  • Continuous Updates and Improvements: Implemented updates and enhancements based on user feedback and identified needs.
Craft3d Chile Logo Image

Craft3d Chile

fullstack developer

ReactJs Logo ImageReactJs
Django Logo ImageDjango
Figma Logo ImageFigma
Node.js Logo ImageNode.js

2/1/2023 -10/28/2023

  • Designed a complete and responsive website according to the client's needs, including features like home, product, category, and cart pages.
  • Developed the front-end for the various website views using React.
  • Implemented back-end endpoints for products and categories using Python (Django).
  • Integrated the website with the Getnet payment system for secure online transactions.
  • Created Python scripts to standardize and simplify the process of uploading product images to the catalog, enhancing the client's experience.
Bidata / Medicien Logo Image

Bidata / Medicien

Frontend Developer

ReactJs Logo ImageReactJs
Jest Logo ImageJest
Node.js Logo ImageNode.js

10/20/2020 -11/8/2020

  • Adherence to Design Standards: Designed and developed the login screen in accordance with the provided design sheets and corporate guidelines.
  • Functional Implementation: Implemented a fully functional login system for the administration portal.
  • Unit Testing: Ensured code quality and reliability by implementing unit tests for the main functions and rendering components.
  • Password Reset System: Integrated a password reset system for enhanced user experience.
  • Timely Delivery: Completed the design and implementation process within 2 weeks, meeting the project timeline.
Bidata / Sodimac Logo Image

Bidata / Sodimac

Frontend Developer

VueJs Logo ImageVueJs
Jest Logo ImageJest
Node.js Logo ImageNode.js

5/1/2019 -9/1/2019

  • Maintainable and Scalable Code: The refactoring process resulted in a more maintainable and scalable codebase.
  • Preserved Functionality: Successfully preserved the existing functionality during the migration process.
  • Comprehensive Documentation: Provided complete and updated technical documentation detailing the system's architecture.
  • Improved Performance and Accessibility: Enhanced the project's performance and accessibility during the refactoring process.
  • Automated Testing: Implemented automated tests, with 80% of the code covered by test cases, ensuring code quality and reliability.
Grafica Vision / Bci Logo Image

Grafica Vision / Bci

Project Lead + Fullstack Developer

VueJs Logo ImageVueJs
Firebase Logo ImageFirebase
ExpressJs Logo ImageExpressJs
Node.js Logo ImageNode.js

3/25/2021 -4/12/2023

  • Content Management: Enabled the administration of the Android app's content without the need for client-side updates through the web-based management interface.
  • Reporting and Analytics: Implemented comprehensive reporting capabilities for tracking app usage, user data, and other relevant metrics.
  • Automation and Efficiency: Developed scripts for automating data import/export processes and streamlining reporting tasks.
  • Security and Compliance: Successfully passed penetration testing and security evaluations, ensuring the application's robustness and adherence to security standards.

Skills

Technologies i have worked with

Rest 'logo'

90 %

Rest
ReactJs 'logo'

80 %

ReactJs
ExpressJs 'logo'

60 %

ExpressJs
Firebase 'logo'

60 %

Firebase
Jira 'logo'

50 %

Jira
MySQL 'logo'

60 %

MySQL
Node.js 'logo'

80 %

Node.js
Django 'logo'

60 %

Django
Jest 'logo'

70 %

Jest
Figma 'logo'

99 %

Figma
Unity 'logo'

70 %

Unity
VueJs 'logo'

80 %

VueJs
PROJECTS
Medicien Login Portal Logo Image

Project 1 of 5: Medicien Login Portal

ReactJs Logo ImageReactJs
Node.js Logo ImageNode.js
Rest Logo ImageRest

Designed and developed the login screen for the Medicien admin portal. Implemented password reset functionality and unit tests. Project completed within 2 weeks.

Craft3d Chile Store Logo Image

Project 2 of 5: Craft3d Chile Store

Django Logo ImageDjango
ReactJs Logo ImageReactJs
Node.js Logo ImageNode.js

Designed and implemented an e-commerce website for 3D printed products. Developed responsive web and admin interfaces for inventory management. Integrated payment gateway and created Python scripts for image upload. Project completed within 10 weeks, with 80% test coverage.

Cyber Trivia Web Admin Portal (BCI) Logo Image

Project 3 of 5: Cyber Trivia Web Admin Portal (BCI)

VueJs Logo ImageVueJs
Firebase Logo ImageFirebase
Node.js Logo ImageNode.js

Designed and implemented a web administration site for the quiz app. Developed content management and reporting features. Implemented CI/CD, TDD, and automated scripts for data import/export. Provided 2+ years of maintenance and improvement services.

Cyber Trivia Android App (BCI) Logo Image

Project 4 of 5: Cyber Trivia Android App (BCI)

Unity Logo ImageUnity
Firebase Logo ImageFirebase
Node.js Logo ImageNode.js
Jira Logo ImageJira

Developed an interactive Android quiz app for cybersecurity education. Served as Project Lead and UI Designer, coordinating the team. Implemented authentication, content updates, and user analytics. Project completed within 15 weeks, meeting quality and responsibility goals.

Audistock Frontend Refactoring  Logo Image

Project 5 of 5: Audistock Frontend Refactoring

VueJs Logo ImageVueJs
Node.js Logo ImageNode.js
MySQL Logo ImageMySQL
Rest Logo ImageRest

Refactored the frontend of the Audistock admin portal from C# .NET to Vue.js. Preserved functionality and look & feel during the migration. Implemented automated tests and improved performance and accessibility. Project completed in 16 weeks, with 80% test coverage.

Contact me

Lets Talk.

(+569)48741003

Temuco | Chile

takada.joao@gmail.com