Full Stack Developer | Java, React

From: México

To: You

Self-taught and passionate about the web ecosystem. I design and develop solid products using modern solutions for all kinds of needs.

I'm specialized in Java and React, but I am an extremely flexible person who works according to the needs of the product.

Portfolio

Github https://bank-account

Bank account

Create a transaction system with the ability to automate transactions, search them with filters based on name, date and type of transaction.

Sign in page for bank account

Features:

  • Developed a SPA (Single Page Application) to give users a dynamic and interactive experience using JavaScript and React, achieving with it, a highly agile development
  • Applied the principles of Material Design with styling tools such as: Tailwind and CSS to have a good color palette for light and dark mode, improve accessibility and have a great responsive
  • Develop a REST API with a role-based security system, JSON Web Token (JWT) and tokens. Using Spring Boot, Java 17 and PostgreSQL to make use of their mature ecosystem to create a solid infrastructure
  • Documented the API using Swagger. Showcase here
  • Used Storybook to be able to have a better development of my components and pages, thanks to several of their tools such as: accessibility and interaction tests. Showcase here (careful with mobile version, Storybook has a bug with the navigation)
  • Performed dozens of unit tests for both frontend and backend using their respective libraries, as well as multiple integration tests thanks to MSW to be able to make calls to the api from the test section
  • Automated the testing, build and deployment process for Frontend and Backend, making use of CI/CD pipelines adapted for GitHub Actions, saving a lot of time and ensuring consistent quality in deployments
  • Deployed and managed the application on Azure cloud infrastructure, using the services: static web application, container registry, application service and Azure database for PostgreSQL

Technologies used:

  • Javascript ES6+
  • React 18
  • Tailwind
  • Storybook
  • Vite
  • Vitest
  • Mock service worker
  • JSDoc
  • Java 17
  • Spring 2.7
  • Swagger
  • Gradle
  • PostgresSQL
  • Docker
  • JUnit
  • Javadoc
  • Azure
  • Github Actions
  • Chromatic
Github

https://wip-pizza-service

Pizza service

This ongoing project focuses on crafting a comprehensive pizza ordering website built as a Multi-Page Application (MPA). It is currently in progress, aiming to leverage cutting-edge technologies to create an intuitive platform for users to customize and order pizzas online.

Features:

  • Developing a web application, focused on loading speed and with a great interactivity, using techniques such as SSR (Server Side Rendering) and technologies such as: Typescript, Astro, React and Vite to achieve this
  • Working with Vitest and Mock Service Worker for comprehensive unit testing, and Playwright for e2e testing
  • Creating a robust microservices system to get the benefits of microservices, using Java 21, Spring Boot 3.2, Maven and MySQL
  • Managing microservices with Kubernetes and making use of its multiple functionalities, such as: service discovery, gateway api, load balancer, dns
  • Running backend tests with Junit for unit testing, and the "test containers" technology for integration testing, thereby achieving secure development
  • Working with multiple CI/CD pipelines to automate the testing process, building docker images and the deploying them in Kubernetes

Technologies used:

  • Typescript
  • Astro
  • React 18
  • Vite
  • Vitest
  • Mock service worker
  • Playwright
  • Java 21
  • Spring 3.2
  • Maven
  • JUnit
  • Node
  • MySQL
  • Docker
  • Kubernetes
  • Test containers
  • Github Actions

Technologies

  • Frontend
  • Backend
  • Others
  • React
  • Javascript
  • Tailwind
  • Vite
  • Vitest
  • Storybook
  • Mock service worker
  • Frontend
  • Backend
  • Others
  • Spring
  • Java
  • JUnit
  • Maven
  • Gradle
  • MySQL
  • PostgresSQL
  • Docker
  • Swagger
  • Frontend
  • Backend
  • Others
  • Git
  • Github
  • Github Actions
  • CI/CD
  • Azure
  • Chromatic
cloud_files