Abílio Azevedo.

Zaitt - Webapp

Cover Image for Zaitt - Webapp
Abílio Azevedo
Abílio Azevedo

I built a Webapp using Clean Arch with WebPack, React.JS, HTML, CSS. I used Jest and @testing-library/react for unit tests and achieved 100% code coverage and Cypress for E2E tests. I used AWS Amplify for the deployment.

In the first part, I did the following features: signup, login and entering the store with qrcode. Webapp V1.0

In the second part, I did the following features: the product scanner and order checkout with PIX (Instant Payment), POS and Credit, as we already had a good architecture and tests, it was much easier to develop theses functionalities. Zaitt WebApp

I got 100% code coverage in tests: codeCoverageZaitPassport

CI/CD - Amplify Screen Shot 2022-06-25 at 10.02.42

Application environments: Ambientes Zaitt

Here is the mocked application.

More posts

Cover Image for Building a Remote MCP Server for Google Workspace (Sheets, Docs and Presentation)

Building a Remote MCP Server for Google Workspace (Sheets, Docs and Presentation)

Learn how to build and deploy a remote MCP (Model Context Protocol) server for Google Workspace (Sheets, Docs and Presentation) using Next.js, Vercel, and Neon Postgres. Step-by-step guide covering two-layer OAuth authentication, tool registration, serverless deployment, and debugging with MCP Inspector — so any AI assistant can read, write, and manage spreadsheets with just a URL.

Abílio Azevedo
Abílio Azevedo
Cover Image for UX/UI for developers

UX/UI for developers

UX/UI for Developers — A practical guide on design systems, communicating with Product Designers, and knowing when to reuse components. Covers Nielsen's heuristics, Atomic Design, Tailwind CSS component libraries like shadcn/ui and Radix UI, prototyping tools like Figma and Origami Studio, accessibility best practices, and curated courses, articles, and books for developers building better user experiences.

Abílio Azevedo
Abílio Azevedo

NewsLetter

I will send the content posted here. No Spam =)