Antonio Poloni

"TODAY I LEARN TO CODE SO I CAN CREATE THE CODE OF TOMORROW!"

Hi, I'm Antonio Poloni from Brazil. I’m a Junior Front-end Developer with a background in Mechanical Engineering and hands-on experience in web projects like NoCliques and São João Frango Assado. Skilled in HTML, CSS, JavaScript, Git, GitHub, Tailwind CSS, React, UI/UX accessibility Next.js, and agile methodologies. Certified by freeCodeCamp and continuously expanding expertise through advanced coursework at Frontend Masters. Seeking my first professional opportunity in front-end development.

Projects

São João Frango Assado - Food Ordering System

São João Frango Assado is a web-based food ordering system developed to streamline the process of selecting, customizing, and purchasing homemade meals. The project offers an intuitive interface for customers and a robust order management experience for the business. Tech stack: React, Vite, JavaScript, CSS, Node.js, Vitest, SQLite, Netlify, Render, TanStack (Route/Query), GitHub, UI/UX, a11y. Links: Live Demo, GitHub Repository.

Project São João Frango Assado Home Page Screenshot

Online Menu

Browse a dynamic menu of homemade dishes, including rotating “Food of the Day.”

Project São João Frango Assado Order Page Screenshot

Customizable Orders and Cart Management

Select food types and sizes (Pequeno, Médio, Grande) with real-time price updates. Add multiple dishes to your cart, review details, and see total cost in Brazilian Real (BRL).

Project São João Frango Assado Past Orders Screenshot

Order Checkout

Seamless checkout process integrated with backend API for order submission.

Project São João Frango Assado Order Details Screenshot

Order History

View previous orders, including details, images, and totals.

NoCliques - Soccer Team Generator by Skill and Position

NoCliques is a team generator app designed to create fair and balanced teams for casual soccer matches. By analyzing players' skills and positions, it ensures fairness and prevents the formation of "cliques". Tech stack: Next.js, React, TypeScript, Tailwind CSS, next-intl,GitHub, UI/UX, a11y. Links: Live Demo, GitHub Repository.

Project NoCliques Features Screenshot

Features

Skills-based team generation with positional analysis, a simple and intuitive interface, customizable settings, multilingual support, project management integration, mobile-first responsiveness, accessibility-first design, and clean, maintainable code.

Project NoCliques Usage Screenshot

Usage

Select the number of players, input player names, positions and skill levels. Select the number of teams and input teams names. Click "Generate Teams" to create balanced teams. Share results via copy, download, or share integration.

Project NoCliques Tech Screenshot

Tech Stack

Built with Next.js, styled using Tailwind CSS and ShadCN UI. Features internationalization via next-intl, state management with React Hooks, and custom TypeScript algorithms for team balancing. Project management handled through GitHub Projects.

Project NoCliques Logic Screenshot

Logic

Multi-step algorithm that balances teams by skill level and position. Goalkeepers are evenly distributed first, followed by high and low-skill players to ensure parity. Medium-skill players fill remaining gaps to equalize team sizes.

Project NoCliques Internationalization Screenshot

Internationalization

NoCliques supports multiple languages. You can use the app in: English (/en) or Portuguese (/pt). The UI adapts automatically based on your browser’s language or selected route.

Project NoCliques GitHub Projects Screenshot

Management

Development workflow is organized via GitHub Projects, utilizing a Kanban board for task tracking, along with structured use of Issues and Pull Requests for collaborative version control and continuous integration.

Courses

JavaScript Algorithms and Data Structures

In this course, I gained a comprehensive understanding of JavaScript fundamentals including variables, arrays, objects, loops, functions, and the DOM. I also delved into advanced topics such as Object-Oriented Programming (OOP), Functional Programming, algorithmic thinking, local storage, and API data fetching. This certification equipped me with the skills to create interactive web pages and efficiently solve algorithmic challenges.

Pokémon Search App Project Screenshot.

Pokémon Search App

This is one of the required projects to earn my certification. In this project, I built an app that search for Pokémon by name or ID and display the results to the user.

fCC Forum Leaderboard Project Screenshot.

fCC Forum Leaderboard

Learn Asynchronous Programming by Building a Forum Leaderboard. This project covered the Fetch API, promises, Async/Await, and the try..catch statement.

fCC Authors Page Project Screenshot.

fCC Authors Page

This project showed me how to use the fetch method, then dynamically update the DOM to display the fetched data and how to paginate my data so I can load results in batches.

Cash Register Project Screenshot.

Cash Register

This is one of the required projects to claim my certification. Cash Register that returns change to the customer based on the price of the item, the cash provided by the customer, and the cash in the drawer.

Dice Game Project Screenshot.

Dice Game

I Reviewed algorithmic thinking. This project covers concepts such as event handling, array manipulation, conditional logic, and updating the user interface dynamically based on game state.

Platformer Game Project Screenshot.

Platformer Game

I learned Intermediate OOP, classes, objects, inheritance, encapsulation, how to design and organize game elements efficiently and gain insights into problem-solving and code reusability.

Shopping Cart Project Screenshot.

Shopping Cart

Learn Basic Object Oriented Programming, it's one of the major approaches to the software development process. In OOP, developers use objects and classes to structure their code.

Telephone Number Validator Project Screenshot.

Telephone Number Validator

This is one of the required projects to claim my certification. For this project, I built an application that checks if a number is a valid United States phone number.

Spreadsheet Project Screenshot.

Spreadsheet

I learned about parsing and evaluating mathematical expressions, implementing spreadsheet functions, handling cell references, and how to dynamically update the page based on user input.

Statistics Calculator Project Screenshot.

Statistics Calculator

I gained experience with handling user input, DOM manipulation, and method chaining. I got practice by performing statistical calculations like mean, median, mode, variance, and standard deviation.

Number Sorter Project Screenshot.

Number Sorter

This project helped me understand the fundamental concepts behind sorting algorithms (like bubble sort, selection sort and insertion sort) and how apply them to sort numerical data in web applications.

Spam Filter Project Screenshot.

Spam Filter

In this spam filter project, I learned about regular expressions, capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text I want.

Roman Numeral Converter Project Screenshot.

Roman Numeral Converter

This is one of the required projects to claim my certification. For this project, I built an application that converts integers to Roman numerals.

Decimal to Binary Converter Project Screenshot.

Decimal to Binary Converter

In this project, using JavaScript I learned the fundamental concepts of recursion, explore the call stack, and build out a visual representation of the recursion process through an animation.

Todo App Project Screenshot.

ToDo App

In this TODO application, I learned how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements.

Football Team Cards Project Screenshot.

Football Team Cards

In this sports team cards project, I learned how to work with DOM manipulation, object destructuring, event handling, and data filtering.

Palindrome Checker Project Screenshot.

Palindrome Checker

This is one of the required projects to earn my certification. For this project, I built an application that checks whether a given text is a palindrome.

Date Formatter Project Screenshot.

Date Formatter

In this project, I learned how to work with the JavaScript Date object, including its methods and properties. I also learned how to correctly format dates.

Music Player Project Screenshot.

Music Player

I learned key string and array methods like find(), forEach(), map(), and join(). I built an MP3 player using HTML, CSS, and JavaScript, covering audio playback, playlist management, and dynamic UI updates.

Rock, Paper, Scissors Game Project Screenshot.

Rock, Paper, Scissors Game

In this project, I reviewed conditionals, functions, getElementById, and more. This project gave me an opportunity to solve small problems and get a better understanding of the basics.

Calorie Counter Project Screenshot.

Calorie Counter

I learned to validate user input, perform calculations based on that input, and dynamically update your interface to display the results, template literals and the addEventListener() method.

Random Background Color Changer Project Screenshot.

Random Background Color Changer

In this project, I helped CamperBot build a random background color changer and helped them find and fix errors. Debugging is the process of going through your code, finding any issues, and fixing them.

Role Playing Game Project Screenshot.

Role Playing Game

In this practice project, I learned fundamental programming concepts in JavaScript. I learned how to work with arrays, strings, objects, functions, loops, if/else statements, and more.

Gradebook App Project Screenshot.

Gradebook App

In this mini project, I reviewed JavaScript fundamentals like functions, variables, conditionals and more. This gave me an opportunity to solve small problems and get a better understanding of the basics.

Pyramid Generator Project Screenshot.

Pyramid Generator

I learned fundamental programming concepts in JavaScript by coding your own Pyramid Generator. I learned how to work with arrays, strings, functions, loops, if/else statements, and more.

Responsive Web Design

Certified in Responsive Web Design by freeCodeCamp, where I mastered the essentials of HTML for structuring content and CSS for creating visually appealing designs. Through hands-on projects, I built a cat photo app to grasp HTML and CSS basics, explored CSS variables by crafting a penguin, and implemented accessibility best practices with a quiz site. Additionally, I developed responsive webpages using Flexbox for a photo gallery and CSS Grid for a magazine article layout, ensuring optimal viewing across various screen sizes.

Penguin Project Screenshot.

Penguin

I used CSS transforms to position and resize the parts of the penguin, create a background, and animate it. You can transform HTML elements to create appealing designs that draw your reader's eye.

Ferris Wheel Project Screenshot.

Ferris Wheel

I learned how to use CSS to animate elements, transform them, and adjust their speed. You can use CSS animation to draw attention to specific sections of the webpage and make it more engaging.

Product Landing Page Project Screenshot.

Product Landing Page

This is one of the required projects to earn my certification. For this project, I built a product landing page to market a product of my choice, a football boots.

Magazine Project Screenshot.

Magazine

In this project, I built a magazine article. I learned how to use CSS Grid, including concepts like grid rows and grid columns. CSS Grid gives you control over the rows and columns of your webpage design.

City Skyline Project Screenshot.

City Skyline

In this project, I built a city skyline. I learned how to configure CSS variables so I can reuse them whenever I want. CSS variables help organize the styles and reuse them.

City Skyline Project Screenshot.

City Skyline

In this project, I built a city skyline. I learned how to configure CSS variables so I can reuse them whenever I want. CSS variables help organize the styles and reuse them.

Technical Documentation Page Project Screenshot.

Documentation Page

This is one of the required projects to earn my certification. For this project, I built a technical documentation page to serve as instruction or reference for a topic.

Piano Project Screenshot.

Piano

I used CSS and Responsive Design to code a piano. I also learned more about media queries and pseudo selectors. Responsive Design tells the webpage how it should look on different-sized screens.

Cat Painting Project Screenshot.

Cat Painting

I learned about how to work with absolute positioning, the z-index property, and the transform property. CSS positioning is essential for creating visually appealing and responsive web layouts.

Balance Sheet Project Screenshot.

Balance Sheet

In this project, I built a balance sheet using pseudo selectors. I learned how to change the style of an element when you hover over it with your mouse, and trigger other events on your webpage.

Tribute Page Project Screenshot.

Tribute Page

This is one of the required projects to earn my certification. For this project, I built a tribute page for a subject of my choosing, Sociedade Esportiva Palmeiras.

Accessibility Quiz Project Screenshot.

Accessibility Quiz

In this project. I learned accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices. Accessibility is making the webpage easy for all people to use – even people with disabilities.

Nutrition Label Project Screenshot.

Nutrition Label

I used typography to build a nutrition label webpage. I learned how to style text, adjust line height, and position text using CSS. Typography is the art of styling text to be easily readable and suit its purpose.

Photo Gallery Project Screenshot.

Photo Gallery

In this project, I used Flexbox to build a responsive photo gallery webpage. Flexbox helps design the webpage so that it looks good on any screen size.

Rothko Painting Project Screenshot.

Rothko Painting

In this project, I used CSS and the Box Model to create a Rothko-style rectangular art pieces. Every HTML element is its own box – with its own spacing and a border. This is called the Box Model.

Survey Form Project Screenshot.

Survey Form

This is one of the required projects to earn my certification. For this project, I used HTML forms and CSS tools to built a survey form to collect data from users.

Registration Form Project Screenshot.

Registration Form

In this project, I learned HTML forms by building a signup page. I learned how to control what types of data people can type into the form, and some new CSS tools for styling the page.

Set of Colored Markes Project Screenshot.

Set of Colored Markes

In this project, I learned different ways to set color values and how to pair colors with each other. Selecting the correct colors for the webpage can greatly improve the aesthetic appeal to the readers.

Cafe Menu Project Screenshot.

Cafe Menu

In this project, I learned CSS by designing a menu page for a cafe webpage. CSS tells the browser how to display your webpage. You can use CSS to set the color, font, size, and other aspects of HTML elements.

Cat Photo App Project Screenshot.

Cap Photo App

This is my first project, I learned the most common HTML tags. HTML tags give a webpage its structure. You can use HTML tags to add photos, buttons, and other elements to your webpage.

Frontend Masters Bootcamp and Beginner Learning Path to Web Development

I completed the Frontend Masters Bootcamp and Beginner Learning Path to Web Development, gaining essential skills in HTML, CSS, and JavaScript. Through project-based learning, I built and styled web pages, developed interactive features, and gained a solid foundation in web development, preparing me for a professional career in the field.

Word Masters Project Screenshot.

Word Masters (Desktop)

Learned to develop a Wordle clone using HTML, CSS, and JavaScript. Implemented gameplay logic, API integration for word selection, and dynamic UI updates for user feedback and interactions.

Mole Star Game Project Screenshot.

Mole Star Game (Desktop)

Created the "Feed-A-Star-Mole" game using HTML, CSS, and JavaScript. Learned DOM manipulation, event handling, and game logic to build an interactive and dynamic web application.

Dog Viewer Project Screenshot.

Dog Viewer

Allowing users to select a breed and display a random picture. Learned to handle API requests with async/await, manage dynamic DOM updates, and implement CSS animations for a loading spinner.

Calculator Project Screenshot.

Calculator

Learned to build a calculator using JavaScript, focusing on DOM manipulation and event handling. Implemented basic calculator functions.

Quiz Project Screenshot.

Quiz

Learned to create a quiz game using HTML, CSS, and JavaScript. Gained experience in coding interactive quizzes and debugging JavaScript.

Coffee Masters Project Screenshot.

Coffee Masters

Learned to create a checkout page for a coffee app using HTML and CSS. Gained experience in using flexbox and grid for layout, styling inputs, adding web fonts and box shadows for a polished design.

Alien Form Project Screenshot.

Alien Form

Created an "Alien Abduction Order Form" using HTML, CSS, and JavaScript. Learned form handling, CSS styling techniques, and integrating JavaScript for form submission and data validation.

Blog Project Screenshot.

Alien Blog

Learned to create a responsive blog page using HTML and CSS, incorporating a flexible layout, navigation menu, styled articles with images, and social media links.