JA

Coding with passion, building with purpose 

Biography

Hello, I'm Johnny Avila, a versatile software engineer who transforms ideas into innovative, user-centric applications. My expertise in JavaScript, Python, and other front-end and back-end technologies has allowed me to create everything from real-time multiplayer games to productivity-boosting Chrome extensions.

Leveraging a growth mindset and a passion for technology, I approach every project with a unique perspective. My diverse skillset showcases my adaptability and readiness to embrace new challenges in the digital sphere.

I'm excited to bring my perspective and technical abilities to your next project, pushing the boundaries of what's possible, and bringing your vision to life.

Skills

CSS
HTML
React
Redux
NodeJs
Flask
SQL
Git
JavaScript
PythonCSS
Firestore
Next.js
Tailwind CSS
NoSQL

Experience

  • Software Developer @The VDG Group

    • Leveraged Vercel AI SDK to develop interactive coding interview practice platform with live evaluation and feedback.
    • Built reusable, responsive, and optimized client and server components using React for complex user flows.
    • Migrated site from Wordpress to NextJS, enhancing performance and scalability with SSR and SSG.
    • Developed a robust user authentication and authorization system, allowing users to securely sign up and sign in via Google, GitHub, Facebook, or passwordless email.
    • Architected a headless CMS solution by integrating content from Strapi, allowing for content editing, post scheduling, and management.

  • Open Source Software Engineer @Notesnook

    • Implemented frontend user privacy feature for the platform’s web application developed with TypeScript and React.

  • Software Engineering Project @Wavelength

    • Real-time multiplayer word association game developed with React and Node / Express.
    • Developed real-time communication system using Websocket for simultaneous gameplay and live updates.
    • Built reusable functional components with React to handle user input and display gameplay data - utilizing Redux for state management.
    • Implemented a relational database utilizing Sequelize as the ORM and PostgreSQL as the DBMS.
    • Configured the Node.js backend infrastructure to handle HTTP requests and responses for CRUD operations.

  • Software Engineering Project @Quoted

    • Next.js powered web application that allows users to share and discover quotes.
    • Utilized React and Tailwind to build a responsive, accessible, and cross-browser compatible user interface.
    • Developed reusable React hooks to efficiently handle data flow between front-end and back-end systems.
    • Implemented a NoSQL database using Firestore to manage user and quote data.

  • Software Engineering Project @Meetup Clone

    • Developed RESTful APIs using Node.js and Express.js.
    • Ensured authentication and authorization for membership-related actions.
    • Built responsive UI components using React and CSS.

  • Software Engineering Project @Crim Search

    • Leveraged JavaScript, HTML, and CSS to enable users to extract data criminal case data for MD, DC, and VA.
    • Implemented Chrome local storage to store case data extracted from multiple criminal cases.
    • Utilized Chrome API's messaging system for seamless data transfer between content scripts and the extension's background script.

  • Software Engineering Project @Slack Clone

    • DRY'ed up backend code by using polymorphic inheritance for channels and direct messages.
    • Implemented real-time chat message functionality using SocketIO, enabling instant messaging and efficient communication between users.
    • Configured relational database schema using Flask and SQLAlchemy, leveraging the power of PostgreSQL for efficient data storage and retrieval.

  • Paralegal @CAIR Coalition

    undefined | Washington, DC
    • Supported and advised on committee overseeing the organization’s transition from Salesforce to Legal Server.
    • Facilitated weekly team meetings with attorneys, social services coordinators, and fellow paralegals.
    • Managed communication with clients, client advocates, expert witnesses, and other case stakeholders.

Education

  • Certificate in Software Engineering

    2022 - 2023 | App Academy

    • Bachelor of Science in Political Science

      2017 - 2021 | Northwestern University