Mario is available for hire
Hire MarioMario Gueyraud
Verified Expert in Engineering
Front-end Developer
Location
Asuncion, Paraguay
Toptal Member Since
May 13, 2022
Mario is a software engineer specializing in developing highly scalable and maintainable web pages with a good structure. He focuses on building the front end using CSS, JavaScript, and A11Y while maintaining good performance. Mario enjoys creating delightful user experiences with high-quality code when delivering innovative products.
Portfolio
Saagas.ai Inc
React, Amazon Web Services (AWS), APIs, SQL, HTML, CSS, JavaScript, Radix UI...
Tinloof
Accessibility, TypeScript, React, Remix, Next.js, Sanity Studio, Figma, Notion...
Belk - Main
HTML, CSS, JavaScript, APIs, Front-end Development, Vue
Experience
Availability
Full-time
Preferred Environment
Visual Studio Code (VS Code), MacOS
The most amazing...
...thing I've developed is software for the Avery Dennison company, getting great feedback from their clients.
Work Experience
Senior Full-stack Developer
2023 - PRESENT
Saagas.ai Inc
- Developed the landing page and app MVP using Next.js and React, with good practices and accessibility in mind. Utilized Radix UI for complex components and collaborated with Tailwind CSS for styling.
- Built the entire CI/CD flow and documented all the decisions made from the GitHub Actions to the component libraries for complex components.
- Enhanced the back end by developing Lambda functions with Python (FastAPI) and deploying them on AWS. Implemented API gateways to enable front-end accessibility.
Technologies: React, Amazon Web Services (AWS), APIs, SQL, HTML, CSS, JavaScript, Radix UI, Tailwind CSS, AWS Lambda, FastAPI, Python, Next.js, AWS Amplify, Amazon S3 (AWS S3), Stripe, Typeform
Senior Front-end Engineer
2023 - 2023
Tinloof
- Led the development of SoleRetriever's new blog MVP using Next.js and Sanity, improving website performance and providing content writers with a user-friendly interface for easier content creation.
- Migrated SoleRetriever's web flow blog to Sanity by creating custom scripts to scrap each article, resulting in a more efficient content structure within Sanity and reducing the time required for content updates.
- Developed and implemented a responsive website for Ambassador.io using React components (Remix) and Tinloof's builder, resulting in an improved user experience.
Technologies: Accessibility, TypeScript, React, Remix, Next.js, Sanity Studio, Figma, Notion, Slack, Vercel, Netlify, Tailwind CSS
Front-end Developer
2022 - 2023
Belk - Main
- Fixed bugs and maintained Belk.com's CSS, HTML, and JavaScript, impacting millions of users and always having accessibility and performance in mind.
- Reduced server-side render time by almost half the time by converting ISML files of Salesforce Commerce Cloud into JavaScript files.
- Developed integration of Conns and Belk within the Belk.com site so the users can buy Conns products and have installation and haulaway options.
- Added new components to their design system using Vue and web components, working closely with the design team and co-workers to deliver the best components with a great API.
Technologies: HTML, CSS, JavaScript, APIs, Front-end Development, Vue
React Developer and Lead Front-end Developer
2021 - 2022
Tonic3
- Developed a product for Avery Dennison clients using TypeScript and React to enable paginations, tables, filtering options, and charts. Implemented the unit, integration, and end-to-end tests.
- Changed some features based on the feedback from the company's first customers.
- Maintained and developed the React component library.
- Collaborated and held discussions with stakeholders such as product owners to learn about future features to implement.
- Acted as the lead front-end developer in a small team and was in charge of defining the tasks and estimating them.
Technologies: JavaScript, TypeScript, HTML, CSS, Material UI, React, Sketch, Storybook, Front-end, REST APIs, Front-end Development, APIs, Mapbox, Dashboards, Data Visualization
UI and React Developer
2020 - 2021
Teixido
- Developed and implemented new features of an insurance company's web page using React and PHP with CodeIgniter on the back end.
- Maintained the design system with Sass and ITCSS with BEM class naming for a renowned newspaper web page and implemented small React components for lazy loading patterns that improved the web performance.
- Optimized another newspaper website using lazy loading of React components, reducing the initial load time and improving the page's download size.
Technologies: Sass, CSS, React, HTML, JavaScript, Performance, Front-end, Sketch, REST APIs, Front-end Development, APIs
Intern
2017 - 2018
Teixido
- Learned the basics of web development: HTML, CSS, JavaScript, etc.
- Developed web pages to demonstrate the things I learned.
- Added features to a web page of a very renowned bank and insurance company in my country and some CRUD functionalities.
Technologies: CSS, HTML5, JavaScript, Front-end Development, APIs
Experience
5 Dias S.A.
https://www.5dias.com.py/A newspaper web page that allowed users to read articles and great information about finances and business.
I delivered the mockups using Sass, HTML, CSS (BEM and ITCSS architecture), and JavaScript. I also created web components using React and improved the performance by creating lazy loading images. The web page had more than 10,000 users active on a daily basis.
I delivered the mockups using Sass, HTML, CSS (BEM and ITCSS architecture), and JavaScript. I also created web components using React and improved the performance by creating lazy loading images. The web page had more than 10,000 users active on a daily basis.
Hoy S.A.
https://www.hoy.com.py/A website enabling users to read articles and other information about the country and world.
I improved the website performance by creating lazy loading components with React and delivered mockups for new features using Sass, HTML, CSS, and JavaScript. The web page had more than 60,000 users active daily.
I improved the website performance by creating lazy loading components with React and delivered mockups for new features using Sass, HTML, CSS, and JavaScript. The web page had more than 60,000 users active daily.
La Consolidada S.A.
https://www.consolidada.com.py/A web app for insurance company, allowing their clients to register any accident requiring the insurer.
I created the React components for the new features and integrated them with the back-end part.
I created the React components for the new features and integrated them with the back-end part.
Eco Colegio
A landing page for a school.
I completed the mockups with Sass, HTML, CSS, and JavaScript, using a CSS library called Bulma. I developed it following the best practices and always considering accessibility and performance.
I completed the mockups with Sass, HTML, CSS, and JavaScript, using a CSS library called Bulma. I developed it following the best practices and always considering accessibility and performance.
Shopping del Sol
https://www.shoppingdelsol.com.py/A web page for one of the well-known shopping malls in the country that shows information about the stores, such as location, products, and more. Also, it shows information about the cinema inside the mall, like movies offered and available seats. I was in charge of adding some features and the whole page re-design (the mockup).
Marketing Website for a SaaS
https://www.getambassador.io/A marketing website for a Kubernetes service. I was the full-stack developer who added features to the website using Remix and also worked with the client to add any specifications to the CMS used (Sanity).
Education
2019 - 2022
Bachelor's Degree in Computer Science
Universidad Nacional de Asuncion - Asuncion, Paraguay
Skills
Libraries/APIs
React, REST APIs, CSSinJS, Node.js, Vue, Highcharts, AWS Amplify, Stripe, Typeform
Tools
Sketch, Git, GitHub, ITCSS, Figma, Notion, Slack
Languages
JavaScript, TypeScript, HTML, CSS, Sass, HTML5, SQL, Python
Frameworks
Remix, Next.js, Material UI, Bulma, Bootstrap, Tailwind CSS
Storage
Amazon S3 (AWS S3)
Paradigms
Agile, BEM
Platforms
Visual Studio Code (VS Code), MacOS, Sanity Studio, Vercel, Netlify, Mapbox, Amazon Web Services (AWS), AWS Lambda
Other
Front-end, APIs, Front-end Development, Accessibility, Performance, Storybook, Dashboards, Data Visualization, Radix UI, FastAPI
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring