Giter Site home page Giter Site logo

Olá, seja bem-vindo(a) ao meu GitHub! 👋

Me chamo Vitor Brandão e sou um Desenvolvedor Web Full Stack formado na Trybe.

English Experiência Contato Skills Projetos

Atualmente, atuo como desenvolvedor freelancer em projetos de duas empresas. No projeto mais recente, iniciado em Julho de 2023, estou trabalhando como Desenvolvedor Web Full Stack para a empresa Brava no desenvolvimento da nova versão do sistema Survey. O Front-End está sendo estruturado com o framework Quasar (Vue.Js) e a estilização com SCSS - tanto a parte web quanto mobile - o Back-End está sendo construído com Node.Js e o Banco de Dados com MySQL.

Desde outubro de 2022, trabalho também como Desenvolvedor de Software Freelancer para a Design Líquido, atuando como um dos principais contribuidores na construção da linguagem FolEs, que funciona como um pré-processador de CSS tal qual o SASS, porém, tendo uma sintaxe 100% em português para possibilitar que o inglês não seja uma barreira no caminho daqueles(as) que desejem aprender programação. Além disso, também tenho contribuições nos outros projetos da Design Líquido, como Delégua, LMHT e a extensão de VS Code para essas linguagens.

A FolEs possui um propósito social inclusivo muito significativo. A linguagem está disponível no npm e já é utilizada por centenas de usuários. Caso seja de seu interesse, confira minhas contribuições no Repositório Oficial da FolEs.

Também trabalhei como Desenvolvedor Web Full Stack para a Younner, desenvolvendo o Front-End do aplicativo Sicredi Reserve, utilizando ferramentas como React, Next.Js, CSS Chakra UI e o próprio GitHub.

Além de minhas atuações profissionais, aqui estão as tecnologias que venho estudando e praticando desde que comecei a estudar programação:

Como você pode perceber, sou um Desenvolvedor Full Stack, uma vez que estou focado tanto em Front-End quanto no Back-End.

Sinta-se à vontade para explorar meus projetos em meus Repositórios e analisar a forma como eu costumo programar, pois imagino que, se você veio até meu GitHub, meus códigos serão mais explicativos do que minhas palavras.

Caso você esteja se perguntando: "O que são exatamente os projetos que você se refere?", eu explico. A formação em Desenvolvimento Web da Trybe é um curso de 30 horas semanais (6h/dia), com duração de 1 ano, onde não apenas aprendemos as competências, mas também precisamos consolidar esse conhecimento. É nesse contexto que entram os projetos aos quais me refiro. Cada projeto possui uma lista de requisitos a serem cumpridos e um prazo de uma semana para que 80% do projeto seja entregue.

Ao longo dessa jornada de aprendizado, desenvolvi cerca de 40 projetos dentro do prazo estabelecido, ou seja, todos os projetos que você encontra em meus Repositórios foram desenvolvidos no período de uma semana - geralmente, a mesma semana em que o conteúdo foi ensinado.

Como o GitHub é uma plataforma conhecida no mundo inteiro, opto por deixá-lo em inglês, da mesma forma que estou acostumado a nomear arquivos e variáveis de meus códigos também em inglês. Mas caso fique com alguma dúvida, sinta-se à vontade para entrar em contato via e-mail ou Linkedin, onde podemos conversar em português 😊.

Experiência Profissional

1. Desenvolvedor de Software | Design Líquido

  • Competências: JavaScript · TypeScript · Jest · CSS · GitHub
  • Freelancer | Out/2022 - presente

2. Desenvolvedor Front-End | Brava (Proteção contra Incêndios)

  • Competências: Vue.Js · Quasar · SCSS · JavaScript · GitHub
  • Freelancer | Jul/2023 - presente

3. Desenvolvedor Full Stack | Younner

  • Competências: Next.js · React.js · JavaScript · CSS ChakraUI · Node.js · GitHub
  • Autônomo | Mar/2023 - Mai/2023

Skills

Top Langs

FRONT-END

  • React.Js (Next.js, Redux, Context API, Hooks, React Router, Class and Functional Components, Tests);
  • Vue.Js (Quasar, Nuxt, Pinia, vue-i18n);
  • JavaScript (ES6, Fetch API, async/await, DOM, Tests);
  • HTML (Semantic HTML5);
  • CSS 3 (SCSS, Styled Components, Chakra UI, Material UI, Mobile First, Responsive Design);

BACK-END

  • Node.Js (ORM, Express, Rest API, MVC, JWT, Dotenv, Nodemailer, Cron-job, Insomnia.rest, Tests);
  • TypeScript (Oriented Object Programming, SOLID);
  • Python (.Venv, Data Scraping, Json, Xml, Csv, Tests);
  • MySQL (Sequelize, Prisma, mysql2, JOINs, Workbench);
  • MongoDB (Mongoose).

TESTS

  • Jest;
  • React Testing Library (RTL);
  • Mocha, Chai and Sinon;
  • Pytest.

DEPLOYMENT

  • Docker;
  • Heroku.

OUTRAS TECNOLOGIAS

  • npm;
  • C;
  • GitHub (incluindo trabalhos em grupo e projetos em dupla);
  • Linux (Bash/Unix Shell);
  • Windows;
  • Adobe Photoshop.
  • Canva;
  • Estou acostumado a desenvolver utilizando ES Lint e Flake8.

IDIOMAS

  • Português (Nativo);
  • Inglês (Avançado | 99 pts. Toefl iBT score);
  • Espanhol (Intermediário);
  • Francês (Básico).

🇺🇸 Hello and welcome! 👋

My name is Vitor Brandão, I'm brazilian and a Full Stack Software Developer.

Since October of 2022 to the present moment, I'm working as a Freelancer Software Developer in the Design Líquido company, being one of the main contributors in the FolEs project, which is a 100% portuguese CSS preprocessor availabe to download in npm. This is a project that I'm very proud to be part of, given its social inclusion purposes. You can download FolEs through npm or go directly to the language official Repository and check my contributions.

Besides that, here are some of the programming skills I've been studying and improving since 2020:

Experiência Skills Projetos Contato

As you can see, I'm able to code in both Front-End and Back-End since I concluded my Full Stack formation at Trybe in September of 2022. In my Repositories you can find all the projects I have developed during this last year.

And you might ask: "But what are those projects you talk about?". Well, let me explain it better. The Web Development course at Trybe, whose duration lasts 1 year (30 hours/week), requires that students not only learn the stacks but also practice them. A Trybe Project is a GitHub Repository with test coverage whose ReadMe contains a list of requirements to be accomplished within a week. I'm very proud to say that I have successfully delivered 40 projects before the deadline - not to mention that the projects were usually developed in the same week that the content was taught.

Make yourself at home and feel free to search about these skills in my Repositories, because I imagine that, if you are visiting my GitHub, my codes may explain better than my words.

Professional Experience

1. Software Developer | Design Líquido

  • Skills: JavaScript · TypeScript · Jest · CSS · GitHub
  • Freelancer | Oct/2022 - present

2. Front-End Developer | Brava (Proteção contra Incêndios)

  • Skills: Vue.Js · Quasar · SCSS · JavaScript · GitHub
  • Freelancer | Jul/2023 - present

3. Full Stack Web Developer | Younner

  • Skills: Next.js · React.js · JavaScript · CSS ChakraUI · Node.js · GitHub
  • Autonomous | Mar/2023 - May/2023

Informações de Contato

🇧🇷 Sinta-se a vontade para entrar em contato comigo.

🇺🇸 Feel free to contact me anytime.


Projetos

Vitor Brandão's Projects

curso-react-native icon curso-react-native

Curso de React Native. Inclui fundamentos de React Native, boas práticas e construção de aplicações nativas para Android e iOS usando JS.

delivery-app-full-stack-group-project icon delivery-app-full-stack-group-project

Full Stack project developed alongside with my colleagues Gefferson, Rafaela, Gabriele, Priscila and Hector during the Back-End Module. Application with React, Node.JS, MySQL

docker-to-do-list icon docker-to-do-list

After learning the power of Docker, I had to make sure I wouldn't forget the most important command lines to create containers and how to set the DockerFile.

html-css-js-trybewarts-project icon html-css-js-trybewarts-project

By combining HTML with JavaScript DOM selectors, I developed this simple web form application alongside my classmate Victor Jardes.

javascript-first-steps-exercices icon javascript-first-steps-exercices

Here's where I started to study basic JavaScript and algorithms. This repository contains the exercices from my studying days at Fundamentals Web Module from Trybe.

js-unit-tests-project icon js-unit-tests-project

The challenge of this project was about solving specific problems by using both JavaScript ES6 (arrow functions, ternary operator and template literals) and Jest unit tests.

lessons-learned icon lessons-learned

Here is the first (ever) web page I developed by using HTML and CSS. Project from Module 1 (Web Fundamentals) from my Web Development Course at Trybe. Topics

mysql-all-for-one-project icon mysql-all-for-one-project

First time using MySQL to find data in a DataBase by using queries like SELECT, WHERE, LIKE, LIMIT, COUNT, ORDER BY and others.

mysql-one-for-all-project icon mysql-one-for-all-project

By using MySQL Workbench, the challenge was about creating a normalized table and then execute queries like INNER JOIN, GROUP BY, ORDER BY, COUNT and DISTINCT.

node-js-blogs-api-project icon node-js-blogs-api-project

A complete Back-End application with CRUD operations developed with JavaScript (Node.js), Express and ORM Sequelize to build the Database.

node-js-exercices-22-first-steps icon node-js-exercices-22-first-steps

From the Back-End Module (Web Development course at Trybe). In the Block 22 we started learning Node.js, including Express.js and tests with Mocha, Chai and Sinon. Here are some of the exercices that I developed during the 4 days of classes.

nodejs-store-manager-project icon nodejs-store-manager-project

This project is a REST API application developed with Node Js. It includes tests (Mocha, Chai and Sinon) and it is structured with MSC architectural pattern.

nodejs-talker-manager-project icon nodejs-talker-manager-project

By using NodeJs frameworks such as Express and Insomnia.Rest, this project was a nice experience to improve my Back-End skills about middlewares and APIs.

pixels-art-project icon pixels-art-project

'Pixels Art' was the first time I had to use JS DOM selectors to build an interactive and colorful web page.

playground-functions-project icon playground-functions-project

'Playground Functions' was the second project I developed as a Trybe student. The challenge this time was about creating 13 Javascript functions to solve 13 specific requirements.

python-algorithms-project icon python-algorithms-project

Computer Science project developed with Python to solve some logical challenges by using both recursive and interactive algorithms.

python-exercices-33-introduction icon python-exercices-33-introduction

From the Computer Science Module (Web Development course at Trybe). In the Block 33 we started learning Python. Here are some of my first exercices.

python-ting-project icon python-ting-project

Here is the last project that I've developed as a Trybe student, called TING (Trybe Is Not Google). The project is a search algorithm developed with Python3.

react-redux-trivia-group-project icon react-redux-trivia-group-project

Trivia was a group project that I developed alongside with another 3 classmates, whose names are in the ReadMe. It required some GitHub organization and strong React-Redux knowledge.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.