Abílio Azevedo.

Olho no Lance

Cover Image for Olho no Lance
Abílio Azevedo
Abílio Azevedo

App for tracking and sharing plays from all sports on non-professional courts in Brazil. Through technology and cameras, the plays on amateur and recreational courts are recorded and made available on the app built with React Native.

I worked on building the React Native app from scratch (figma -> architecture -> design system -> screens -> flows) and automated its deployment using fastlane and bitrise for app stores.

Libraries used:

  • react - JavaScript library for building user interfaces

  • react-native - Framework for building native mobile apps using React

  • @react-navigation/native - Routing and navigation components for React Native

  • react-redux - Binds Redux state to React components

  • redux - State management and central data store

  • redux-saga - Middleware for managing Redux side effects

  • react-query - Caching and synchronization for async data

  • axios - Promise based HTTP client for calling APIs

  • styled-components - Declarative CSS styling using JavaScript

  • react-native-gesture-handler - Gesture handling system

  • react-native-reanimated - Animations and interactions

  • react-native-svg - SVG rendering for React Native

  • react-native-screens - Native navigation primitives

  • react-native-vector-icons - Customizable icons

  • react-native-code-push - Deploying app updates without app store

  • Storybook - UI component explorer and documentation tool


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 =)