Categoria: js

  • Welo Plugin Development for WordPress

    Welo Plugin Development for WordPress

    The Welo plugin was created to seamlessly integrate the Welo platform into your WordPress site, offering real-time customer support. With an easy-to-use interface, the plugin enables live chat and support features, enhancing user interaction and providing efficient customer service.

    Welo is a startup based in Boston with a unique mission: to create virtual spaces that simulate physical environments, offering users the ability to connect and interact in more immersive and dynamic ways.

    Technical Development Overview:

    To build the Welo plugin, I used PHP, the primary programming language for WordPress plugin development, and employed key WordPress functions and hooks to ensure smooth integration with the WordPress environment.

    1. Shortcodes and Widgets:
      To integrate the live chat functionality directly into the front-end of WordPress sites, I developed custom shortcodes using add_shortcode(). This made it simple for users to place the live chat interface on any page, post, or widget area. Additionally, I used WordPress widget functionality to enable dynamic placement options for the chat interface, ensuring flexibility for end-users.
    2. WordPress Settings API:
      To provide an intuitive configuration interface for administrators, I utilized the Settings API (add_options_page(), register_setting(), and add_settings_section()) to create a user-friendly settings page within the WordPress dashboard. This allows users to easily configure the plugin’s behavior, such as enabling or disabling the live chat, setting up notifications, and managing other plugin-specific settings.
    3. Security Measures:
      Given the real-time nature of the plugin, I incorporated security best practices such as nonce verification and sanitize functions to protect against malicious attacks and ensure that data was properly validated before being processed or stored in the database.
    4. CSS and JavaScript Customization:
      For the front-end, I used custom CSS and JavaScript to ensure that the live chat interface was responsive and visually integrated with the website’s theme. The plugin was designed to be lightweight, ensuring minimal impact on the site’s performance. I used jQuery for smooth animations and interactions, such as opening and closing the chat window and sending messages.

    Current Status and Open-Source Availability:

    Currently, the Welo plugin is in the testing and validation phase with WordPress.org. However, the open-source code is available on GitHub for testing and evaluation. As an open-source project, developers and users are encouraged to contribute, test, and provide feedback to help improve the plugin’s functionality.

  • Development of the BossFood Platform: Intelligent Restaurant Management with AI

    Development of the BossFood Platform: Intelligent Restaurant Management with AI

    As a developer, I had the opportunity to create BossFood, an innovative platform for managing restaurants and franchises. The project’s goal was to build a solution that integrates Artificial Intelligence (AI) to optimize processes and help restaurant owners make more strategic and efficient decisions.

    Challenges and Solutions

    The platform was developed to simplify complex tasks such as inventory management, performance analysis, and demand forecasting. To ensure an intuitive and agile user experience, I used React.js for the front-end, creating a dynamic, easy-to-navigate interface. The embedded AI, which optimizes processes like inventory management and consumption predictions, was a core part of the project, providing users with data-driven decision-making tools.

    Technologies Used:

    • React.js: A modern, responsive interface focused on user experience.
    • RESTful API (Python/Flask): Efficient integration between front-end and back-end.
    • AWS & Amplify: Scalability and performance, ensuring the platform grows alongside users’ businesses.
    • Linux: A stable and secure environment for the platform’s infrastructure.
    • Artificial Intelligence (TensorFlow, Scikit-Learn): For predictive analytics and process optimization, including sales and inventory data.

    Result

    The BossFood platform was designed to be a powerful yet user-friendly tool that transforms restaurant management. With integrated AI, the platform provides real-time recommendations and strategic insights that help restaurant owners anticipate market changes and improve operational efficiency.

  • ePlano: Revolutionizing Business Planning and Management in the Digital Age

    ePlano: Revolutionizing Business Planning and Management in the Digital Age

    ePlano has arrived to transform the way you plan and manage your business in the digital age. Our goal is to simplify and streamline processes, offering an intuitive, secure, and innovative platform — all 100% online. If you’re looking for modern tools to optimize your business planning, ePlano is the solution you’ve been waiting for.

    What ePlano Offers:

    1. Simplicity:
      We understand that business planning can be complex, which is why we’ve simplified the most powerful tools on the market to make business management easier. With ePlano, you have access to powerful resources in an intuitive, straightforward interface, helping you make the best decisions without getting bogged down by unnecessary complexity.
    2. Agility:
      In a world of constant change, agility is essential. ePlano provides the speed necessary to understand market contexts and quickly design scenarios. Your business planning is dynamic and flexible, allowing you to make fast, effective decisions without getting lost in a sea of data or slow processes.
    3. Security:
      ePlano delivers security by providing crucial information in a clear, accessible manner. Our platform focuses on what matters most, offering real-time data that ensures you have the confidence you need to make strategic decisions with the security of knowing your business data is safe and well-managed.
    4. Innovation:
      All of this is made possible through digital innovation. ePlano is a 100% online platform designed to provide the best experience for the modern entrepreneur. Innovation is at the heart of the system, empowering you to use cutting-edge technologies to plan and manage your business quickly and efficiently.

    The Technology Behind ePlano:

    ePlano was built using state-of-the-art technologies to ensure performance, scalability, and security. The platform is powered by a modern architecture that integrates the best resources on the market:

    • React.js: The ePlano interface was built using React.js, ensuring a dynamic and fluid user experience. React allows the system to offer quick responses and smooth navigation, so users can focus on what matters most — business planning.
    • RESTful API with Python (Flask): Communication between the front-end and back-end is managed through a RESTful API built in Python, using the Flask framework. This architecture ensures efficient and secure integration of the platform’s features and data.
    • AWS and Amplify: To ensure scalability and availability, we host ePlano on AWS, using Amplify for continuous integration and system management. This enables ePlano to grow flexibly, handling increased demand without compromising performance.
    • Linux: The ePlano infrastructure is based on Linux, providing stability, security, and efficiency in managing server environments, essential for supporting businesses as they scale.
    • Artificial Intelligence (AI): To optimize decision-making and provide predictive analytics, ePlano leverages Artificial Intelligence to help generate business scenarios and analyze data more accurately, assisting entrepreneurs in forecasting trends and developing strategies.

    Conclusion:

    With ePlano, you gain access to an innovative platform that will transform how you manage your business. Simple, agile, secure, and 100% online, it is the perfect solution for entrepreneurs seeking to grow their businesses strategically and intelligently.

    Join us and embrace entrepreneurship the simple, agile, secure, and innovative way. The future of your business starts now with ePlano.


    Technologies Used:

    • React.js: For a dynamic and responsive user interface.
    • RESTful API (Python/Flask): For secure and efficient system integration.
    • AWS & Amplify: Scalable and high-performance cloud infrastructure.
    • Linux: Stable server environments.
    • Artificial Intelligence (AI): For scenario optimization and decision-making.
  • Building the Landing Page for Pizza Prime Summit 2025: A Digital Transformation Experience

    Building the Landing Page for Pizza Prime Summit 2025: A Digital Transformation Experience

    I had the honor of being a speaker at the inaugural Pizza Prime Summit in March 2024, where I shared insights on the importance of digital transformation in today’s fast-evolving business landscape. Fast forward to 2025, and I had the privilege of leading the design and development of the landing page for the Pizza Prime Summit 2025 — a highly anticipated event that promises to inspire, educate, and connect the biggest names in the food service industry.

    Project Overview:

    For the second edition of the Pizza Prime Summit, the goal was clear: create a visually engaging and highly functional landing page that would captivate visitors and drive excitement about the event. The page had to reflect the innovative spirit of the summit and set the tone for an experience that blends cutting-edge technology with industry expertise.

    Key Features of the Landing Page:

    1. Countdown Timer for Event Excitement:
      To build anticipation, the landing page features a real-time countdown timer highlighting the exact time remaining until the summit begins. This interactive feature showcases the 70 days, 8 hours, 51 minutes, and 15 seconds left until the event, keeping visitors engaged and reminding them that the future is fast approaching. It’s a perfect blend of urgency and excitement, creating a sense of urgency for those who don’t want to miss out.
    2. Inspiration & Innovation Messaging:
      The page clearly communicates the theme of the event: “Inspiration and Innovation that Transforms the Market”. With bold typography and vibrant visuals, the messaging sets the tone for what attendees can expect — an action-packed day filled with insights, networking, and powerful discussions on how to leverage technology to grow businesses in the food service sector.
    3. Responsive and User-Friendly Design:
      The landing page is fully responsive, ensuring a seamless experience across all devices — from desktop to mobile. Whether users are accessing it on a tablet, phone, or laptop, they’ll experience smooth navigation, clean layouts, and easy-to-read content, all optimized for high performance.
    4. Tech-Driven Development with React JS:
      I used React JS for the front-end development to ensure a fast, interactive, and dynamic user experience. The flexibility of React allowed for smooth transitions, easy component management, and real-time updates, making the landing page feel fresh and engaging with each visit.
    5. SCSS/SASS for Scalable Styling:
      The landing page was styled using SCSS/SASS, which allowed me to keep the CSS organized, modular, and scalable. The use of variables, mixins, and nested rules enabled me to create a consistent and flexible design system, which made future updates and adjustments a breeze.
    6. Hosting on AWS & Amplify:
      To ensure the landing page was not only visually stunning but also fast and reliable, I hosted it on AWS using Amplify. This platform provided the scalability and speed needed to handle high traffic volume, ensuring that visitors would experience smooth performance no matter when they visited the page.
    7. Clear Call to Action (CTA):
      The page features prominent CTAs, guiding visitors to register for the event and stay updated with event details. Clear and strategically placed buttons allow users to engage with the page immediately, encouraging them to take action and not miss the opportunity to be part of this transformative event.

    My Role:

    I was responsible for end-to-end development, including UI/UX design, front-end development, and cloud hosting architecture. This project was especially meaningful as it allowed me to combine my expertise in technology, design, and digital transformation — the very themes I had the honor of speaking about at the first Pizza Prime Summit.

    The Result:

    The landing page for the Pizza Prime Summit 2025 is not only functional but visually captivating. The interactive elements, responsive design, and high-performance features create an engaging experience for visitors. It’s designed to make attendees feel excited, informed, and ready to join the event. And with the countdown clock ticking, it keeps everyone on the edge of their seats, eager to witness the next chapter in the pizza industry’s transformation.

    “The future is coming. Will you be part of it?”


    Technologies Used:

    AWS & Amplify: Hosting for scalability and reliability.

    React JS: Front-end development for a dynamic, fast, and interactive experience.

    HTML5: Structure of the landing page.

    SCSS/SASS: Scalable and maintainable CSS styling.

  • Revamping Pizza Prime Franchising Website: A React-Driven Transformation

    Revamping Pizza Prime Franchising Website: A React-Driven Transformation

    I had the incredible opportunity to lead the creation of the Pizza Prime website, the largest pizza chain in Brazil with over 100 units across various brands. This project, from start to finish, was an exciting challenge that involved designing and developing a fully responsive, highly interactive, and performance-optimized platform. The website’s transformation resulted in a staggering increase in monthly traffic — from 60,000 to over 140,000 visitors in the first month alone!

    Project Overview:

    Pizza Prime needed a dynamic, user-centric website that could support the scale of its rapidly growing brand. As the primary designer and developer, I was responsible for the entire website development process, including UX/UI design, front-end development using React, and back-end architecture on AWS.

    Key Features of the New Website:

    1. React-Based Front-End:
      I built the website using React, ensuring a fast, responsive, and smooth user experience. The use of React allowed for dynamic content updates, which was essential given the variety of information the site needed to display, such as store locations, promotions, and news.
    2. Interactive Maps & Location-Based Features:
      One of the standout features of the website is its interactive map that helps users find the nearest Pizza Prime unit. Each location has its own page/profile, showcasing essential details like hours of operation, menu items, promotions, and contact information. Users can easily navigate the map to explore nearby stores or learn about specific locations, all powered by Google Maps API integrated into the site.
    3. Highly Scalable Infrastructure on AWS:
      The entire website is hosted on AWS using AWS Amplify, which ensures high availability and scalability. With AWS S3, I managed to optimize image loading times, providing users with fast access to high-quality visuals without compromising performance. This robust cloud infrastructure supports the site’s ability to handle heavy traffic loads, ensuring smooth browsing even during peak hours.
    4. Responsive UX/UI Design:
      The UX/UI design was crafted with the user in mind. I focused on creating a clean, intuitive, and visually appealing layout that would engage users and make navigation effortless. The site was designed to be fully responsive, ensuring that users on mobile, tablet, or desktop devices have an optimal experience. With a modern and fresh design, the user journey through the site feels seamless, whether they are browsing the menu or locating a nearby store.
    5. Optimized for Performance:
      Performance was a priority from day one. By utilizing React’s component-based architecture and integrating lazy loading for images and resources, the site is incredibly fast, even when dealing with high volumes of traffic. Additionally, I fine-tuned the front-end to ensure smooth interactions and quick page load times, which directly contributed to the increase in visitors.
    6. User-Centric Features:
      Beyond the interactive maps and location pages, the new website offers several interactive features, including a real-time promotions section, a store locator, and a loyalty rewards program. These elements were designed to not only engage users but also provide them with value — making it easier for customers to find their nearest Pizza Prime store and take advantage of ongoing deals.

    Impact:

    The new Pizza Prime website was a resounding success. In just the first month post-launch, the site’s traffic soared from 60,000 to over 140,000 visitors — more than double the previous amount. This dramatic growth in web traffic was driven by several factors, including the site’s improved performance, enhanced user experience, and the interactive features that allowed users to engage with the brand in meaningful ways.

    Technologies Used:

    • React: For building the dynamic front-end interface.
    • AWS: Hosting the site on AWS Amplify and using AWS S3 for image storage.
    • Google Maps API: For integrating the interactive store locator and maps.
    • Figma: For UX/UI design and prototyping.
    • CSS3 & HTML5: For responsive, mobile-first design.

    Conclusion:

    This project was a thrilling journey from concept to launch. By building the site with React and utilizing AWS for scalable infrastructure, I was able to create a robust, fast, and interactive website that perfectly aligns with the Pizza Prime brand’s needs. The website not only delivered an outstanding user experience but also generated impressive results, dramatically increasing traffic and engagement from day one.

    If you’re looking to transform your business with a modern, high-performing website, don’t hesitate to reach out. Let’s build something incredible together!

  • Building the Franchisee Portal for Pizza Prime: A WordPress-Powered Solution

    Building the Franchisee Portal for Pizza Prime: A WordPress-Powered Solution

    In my latest project, I had the privilege of designing and developing the official Pizza Prime Franchisee Portal — an all-in-one platform created to support franchisees, customers, and the Pizza Prime franchise team. The portal, hosted at meajuda.pizzaprime.com.br, serves as a hub for all franchise-related activities, providing easy access to essential resources, support systems, and tools that improve communication and efficiency across the entire franchise network.

    Project Overview:

    The Pizza Prime Franchisee Portal was built to streamline operations and offer a central place for franchisees to access important information, get help with troubleshooting, and collaborate with the brand’s internal team. The goal was to create a user-friendly and scalable platform that could evolve with the needs of the growing franchise network.

    Key Features and Functionalities:

    1. Support Center for Franchisees:
      The portal includes an integrated support center that allows franchisees to submit inquiries and receive assistance on a variety of topics — from technical issues to operational queries. The helpdesk is designed to facilitate quick problem resolution, with a robust ticketing system that assigns and tracks the status of each request.
    2. Knowledge Base and Tutorials:
      A comprehensive knowledge base is available for franchisees to find answers to frequently asked questions, detailed tutorials, and step-by-step guides on various aspects of running a franchise. This feature empowers franchisees with the information they need to run their stores efficiently and autonomously.
    3. Real-Time Communication with the Franchise Team:
      To enhance internal communication, the portal provides a real-time messaging system that allows franchisees to directly communicate with the Pizza Prime franchise team. Whether for day-to-day questions or urgent issues, the chat functionality makes it easy for franchisees to receive immediate support.
    4. Access to Marketing Resources:
      A dedicated section of the portal offers marketing materials, promotions, and brand assets that franchisees can use to boost their store’s local marketing efforts. This feature ensures that franchisees are always in sync with the brand’s latest marketing campaigns and have the resources they need to promote their stores effectively.
    5. Document Management System:
      The portal includes a document management system where franchisees can easily access, upload, and manage important documents related to their franchises. This centralized system makes it easy for both franchisees and the franchisor to keep track of compliance documents, contracts, and other essential records.
    6. Training and Development Hub:
      To support the ongoing development of franchisees and their teams, the portal includes a training hub where users can access e-learning materials, video courses, and certifications. This feature ensures franchisees have access to the latest training resources to improve their operations and team management skills.
    7. Customizable User Permissions:
      The portal’s user management system allows for different levels of access based on role and function. Franchisees, their staff, and the internal Pizza Prime team can all have tailored permissions, ensuring that each user has access to the information and tools they need, without unnecessary restrictions.
    8. Reporting and Analytics:
      A robust set of reporting tools is included to allow franchisees to track their store’s performance, view sales data, and monitor operational metrics. These insights help franchisees make data-driven decisions to improve performance and profitability.

    Technology Used:

    The Pizza Prime Franchisee Portal was built using WordPress, which provided a highly flexible and scalable platform for creating the site’s various features. WordPress’ plugin architecture allowed for easy integration of helpdesk systems, chat functionalities, and document management tools, making it the perfect solution for this complex project.

    Additionally, I implemented custom themes and plugins to meet the specific needs of the franchise network, ensuring that the portal was both functional and visually aligned with the Pizza Prime brand.

    • WordPress: The foundation for building the portal, allowing for easy management and scalability.
    • Custom Plugins: For functionality like support ticketing, messaging, and document management.
    • Responsive Design: Ensuring that the portal is fully accessible on any device, from desktop to mobile.
    • AWS Hosting: The portal is hosted on AWS, ensuring fast load times, scalability, and high availability to support the growing number of users.

    Outcome:

    The launch of the Pizza Prime Franchisee Portal has had an immediate positive impact on the franchise network. Franchisees now have a centralized hub to find information, access training, request support, and communicate directly with the franchise team. The platform has drastically improved internal efficiency, support response times, and overall satisfaction among franchisees.

    By giving franchisees the tools they need to succeed, the portal has helped foster a more cohesive and productive franchise network, ensuring that Pizza Prime continues to grow and innovate in the competitive food service industry.


    Technologies Used:

    Responsive Design: Optimized for all devices.

    WordPress: CMS for creating and managing the portal’s content and functionalities.

    Custom Plugins: For ticketing, messaging, document management, and more.

    AWS Hosting: Scalable and high-performance cloud hosting.

  • The Career of Gabriel Sanabria: Innovation, Entrepreneurship, and Digital Transformation

    The Career of Gabriel Sanabria: Innovation, Entrepreneurship, and Digital Transformation

    Over the past 15 years, my professional journey has been marked by challenges, learning, and, above all, an unwavering commitment to innovation and technological solutions that truly make a difference for businesses. Throughout this journey, I’ve had the opportunity to work across a range of areas, from startup development to driving digital transformation in large corporations, with a strong focus on programming and the cutting-edge technologies that shape today’s business world.

    1. Entrepreneurship: Fashion Tech Startup and $2.5 Million Investment

    One of the most defining experiences of my career was co-founding a fashion tech startup. With a unique focus on merging fashion and technology, the company successfully secured $2.5 million in investment, enabling rapid growth and extensive market reach. The project was recognized by major media outlets such as Pequenas Empresas & Grandes Negócios, Revista Exame, and IstoÉ Dinheiro. This milestone provided invaluable experience in business strategy, fundraising, and scaling operations, solidifying my understanding of how technology can elevate traditional industries like fashion to new levels of efficiency and scalability.

    2. Corporate Experience: Vivo and the Secretariat of Finance

    In addition to my entrepreneurial ventures, I had the opportunity to contribute to the digital transformation of leading organizations.

    At Vivo, I worked as a strategic consultant, collaborating with cross-functional teams to implement innovative solutions that improved customer experience and streamlined internal processes. This experience at one of Brazil’s largest telecommunications companies was pivotal in shaping my strategic perspective on how digital technologies can fundamentally transform businesses.

    At the Secretariat of Finance of the State of São Paulo, I played a key role in frontend development for the institution’s intranet portals and official website. My work included building user-friendly interfaces, optimizing the overall user experience, and helping modernize how the government interacts with citizens and businesses. This experience in the public sector provided me with a unique perspective on the importance of digital transformation across both public and private sectors and equipped me with the skills to navigate complex regulatory environments while driving innovation in government operations.

    3. Strong Technical Expertise in Programming and Current Focus on Data Science & AI

    My technical expertise is rooted in programming, with a deep understanding of frontend and backend technologies. I have experience in developing high-performance systems and building scalable applications. Currently, I am expanding my knowledge in the areas of Data Science and Artificial Intelligence, understanding their potential to revolutionize business operations and decision-making. I am studying the latest advancements in machine learning, predictive analytics, and AI algorithms to integrate these cutting-edge technologies into my projects and contribute to smarter business solutions.

    4. Additional Skills: Scrum Master, Marketing Digital, and Agile Methodologies

    In addition to my technical skills, I have a strong background in Agile methodologies, including Scrum, which has been pivotal in driving project efficiency and delivering results on time. As a Scrum Master, I lead cross-functional teams to ensure smooth communication, continuous delivery, and high levels of collaboration. I’ve successfully applied Agile principles in a range of projects, from startup launches to corporate transformations, resulting in faster delivery times and improved team performance.

    I also have expertise in digital marketing, with a focus on customer acquisition, SEO, content marketing, and paid advertising. My approach is data-driven, ensuring that marketing strategies are aligned with business goals, driving growth, and increasing customer retention.

    Looking Ahead

    With a strong foundation built over these 15 years, I am more convinced than ever that technological innovation is the key to business success, whether in the private or public sector. The path to where I am today has been challenging, but each step was driven by the certainty that digital transformation is not a choice—it’s a necessity.

    I remain focused on developing solutions that help businesses and entrepreneurs thrive in an increasingly digital and dynamic world. Over the next few years, I aim to continue driving innovation in the food industry and beyond, always with the goal of creating real, lasting results that contribute to business growth and success.


    Key Highlights:

    • $2.5 Million Investment in a fashion tech startup
    • Frontend Development for Secretariat of Finance (State of São Paulo)
    • Expertise in Scrum and Agile Methodologies for high-performing teams
    • Strong focus on programming, with ongoing studies in Data Science and AI
    • Extensive experience in digital marketing and business growth strategies