Ingeniero de Software@MagicAPI

Después de mi incorporación, mi primera tarea fue limpiar el código con las mejores prácticas. El cofundador mencionó esto:

¿Por qué es tan importante tener buen código y por qué nos enfocamos tanto en la calidad del código? Afecta directamente nuestros ingresos, operaciones y dónde gastamos nuestro tiempo. No puedo enfatizar lo suficiente en asegurar que nuestro código funcione y funcione bien. Somos un equipo pequeño manejando más de 3 millones de llamadas API, alojamos y ejecutamos más de 40+ APIs y modelos internos. ¿Cómo podemos hacer eso? "Código de Alto Estándar". Todas nuestras APIs son usadas por una amplia variedad de usuarios para todo tipo de casos de uso y en todo el mundo. Nuestro código simplemente debe funcionar, manejar todos los errores, manejar casos extremos y otras cosas. Estamos entrenando a nuestros usuarios a esperar "Excelencia", deben confiar en nuestro código, nuestros modelos de IA, nuestros sistemas. La confianza es uno de los mayores impulsores de ingresos. Si ganamos la confianza de nuestros clientes, entonces nos recompensarán con su dinero y lealtad. Esa es nuestra gran diferenciación. Al principio, es un poco molesto ver tantos comentarios, correcciones, etc. Pero con el tiempo te acostumbras a escribir código limpio de alta calidad. Recomiendo mucho leer el libro "Código Limpio".

Shashank Aggarwal

CEO y Fundador de API.market

Así que arreglé muchos errores de linting y formato de código usando eslint y prettier. Agregué reglas específicas de Nextjs-Typescript para implicar reglas más estrictas.

La UI móvil no era lo más importante que nos importaba ya que nuestros clientes eran personas de negocios en escritorios, pero tenía que ser arreglada. Así que arreglé y optimicé la UI para móvil. Cosas como menús de navegación duplicados, tuve que ver y arreglar los componentes.

Este rediseño se enfocó principalmente en mejorar la usabilidad del Dashboard del vendedor soportado por API.market para que los vendedores gestionen y visualicen APIs y sus ingresos. En este trabajo mejoré el diseño del dashboard usando shadcn-ui y mejoré la responsividad.

Esto se hizo teniendo en mente algunas cosas futuras como que las billeteras se usarían para almacenar créditos proporcionados a los usuarios, también estábamos planeando agregar. Así que en la forma antigua de transacciones en API.market los usuarios tenían que agregar sus tarjetas y la tarjeta marcada como predeterminada se usaría para hacer una transacción. Pero después de la introducción de este sistema de billetera, los usuarios pueden agregar dinero vía tarjetas o agregamos créditos en su cuenta (a implementar en el futuro) y usarlos en cualquier transacción en la plataforma API.market así:

Durante el lanzamiento de nuestro producto, teníamos un plan para dar 100 vouchers por valor de $5 cada uno a todas las personas de producción que vinieran a nuestro sitio web. Además, cuando tuvimos un hackathon en nuestro campus, queríamos proporcionar vouchers para los participantes. Con estos requisitos en mente, desarrollamos un sistema integral de vouchers donde los usuarios podían reclamar vouchers públicos y el dinero se acreditaría en su billetera, que luego podrían utilizar en la plataforma.

Implementamos dos tipos distintos de vouchers para satisfacer diferentes casos de uso. El primer tipo era un sistema de vouchers dirigido donde podíamos reclamar el voucher mencionando direcciones de email específicas. Esto permitía un control preciso sobre la distribución de vouchers para eventos específicos o grupos de usuarios. El segundo tipo era donde las personas podían reclamarlo libremente una vez por cuenta, con un límite máximo de 100 personas. Este sistema proporcionaba flexibilidad tanto para distribución controlada como acceso público abierto mientras mantenía la seguridad y prevenía el abuso.

Rediseñé la sección hero del sitio web de API.market para mejorar la participación del usuario y proporcionar una jerarquía de información más clara. El nuevo diseño presentaba un flujo visual mejorado, mejor ubicación de llamadas a la acción y elementos de navegación más intuitivos.