Open to work

Hi, I'm Guilherme!
I'm full stack developer
with a passion for creating

Graduated at IFSUL

2 Year of experience of full stack developer at Arquiteto de Bolso

coder.js
constcoder={
name:'Guilherme Silveira',
role:'Full Stack Developer',
seniority:'Junior',
location:'Brazil',
skills:[
'React', 'React Native', 'Next.js', 'JavaScript', 'TypeScript', 'TailwindCSS', 'C#', 'CSS', 'Figma', 'GitHub', 'AWS', 'Lambda', 'Node.js', 'Express', 'MongoDB', 'Vite', 'Vercel', 'SQL', 'Azure'
],
};
UTF-8JavaScriptLn 12, Col 2

Check out some of my main projects

https://match.com

My approach

Planning & Strategy

We'll collaborate to map out your website's goals, target audience, and key functionalities. We'll discuss things like site structure, navigation, and content requirements.

Development & Progress Update

Once we agree on the plan, I cue my lofi playlist and dive into coding. From initial sketches to polished code, I keep you updated every step of the way.

Development & Launch

This is where the magic happens! Based on the approved design, I'll translate everything into functional code, building your website from the ground up.

Comparações de Código

Veja as transformações e melhorias que aplicamos nos projetos. Da refatoração de componentes até otimizações de performance.

MyComponent.tsx
class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0,
      name: ''
    };
  }

  componentDidMount() {
    document.title = `Count: ${this.state.count}`; // [!code highlight]
  }

  componentDidUpdate() {
    document.title = `Count: ${this.state.count}`; // [!code highlight]
  }

  handleClick = () => {
    this.setState({ count: this.state.count + 1 }); // [!code highlight]
  }

  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={this.handleClick}>
          Increment
        </button>
      </div>
    );
  }
}
MyComponent.tsx
function MyComponent() {
  const [count, setCount] = useState(0); // [!code focus]
  const [name, setName] = useState('');

  useEffect(() => {
    document.title = `Count: ${count}`; // [!code focus]
  }, [count]); // [!code focus]

  const handleClick = () => {
    setCount(count + 1); // [!code focus]
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={handleClick}>
        Increment
      </button>
    </div>
  );
}

Antes vs Depois - React Hooks

Veja como transformamos código class-based em hooks modernos

Ver mais exemplos