HELLO WORLD👋

Matheus Freitas

image
image

Sobre

Sou um Desenvolvedor Front-end Júnior com amplo conhecimento em diversas tecnologias, incluindo ReactJS, NextJS, TailwindCSS, Styled-components, ExpressJS, NestJS, Prisma, MongoDB, Python e outras. Sou formado em Análise e Desenvolvimento de Sistemas pela Universidade Estácio de Sá e estou constantemente aprimorando minhas habilidades. Meu objetivo é me tornar um desenvolvedor full stack, expandindo minha expertise para além do front-end. Estou sempre em busca de novos desafios e oportunidades para aprender e crescer profissionalmente.

Conhecimentos

JavaScript

JavaScript é uma linguagem de programação dinâmica e versátil que permite adicionar interatividade e funcionalidades a sites e aplicativos. Ela é executada no navegador do usuário e pode manipular elementos da página, responder a eventos, realizar validações de formulários e muito mais. Com o JavaScript, é possível criar experiências de usuário dinâmicas e interativas. Além disso, o JavaScript também é utilizado no desenvolvimento de aplicativos móveis e servidores.

HTML5

HTML, ou Hypertext Markup Language, é a linguagem padrão utilizada para criar a estrutura e o conteúdo de páginas web. Com o HTML, é possível definir a hierarquia dos elementos, como títulos, parágrafos, imagens, links e tabelas. Ele fornece uma estrutura semântica que descreve o significado e a organização do conteúdo da página.

CSS3

CSS, ou Cascading Style Sheets, é uma linguagem de estilo utilizada para definir a aparência e o layout dos elementos em uma página web. Com o CSS, é possível controlar cores, fontes, tamanhos, espaçamentos e posicionamentos dos elementos HTML. Ele permite separar a estrutura (HTML) do estilo (CSS), tornando a manutenção e a atualização do design de um site mais fácil e eficiente. O CSS é amplamente utilizado para criar interfaces atraentes e responsivas, melhorando a experiência visual e a usabilidade dos sites.

Node.JS

Node.js é um ambiente de tempo de execução JavaScript do lado do servidor que permite executar código JavaScript fora do navegador. Ele é escalável, eficiente e baseado em eventos, o que o torna adequado para o desenvolvimento de aplicativos de rede e servidores web de alto desempenho. O Node.js é amplamente utilizado para criar aplicativos web e APIs, e possui um vasto ecossistema de módulos e bibliotecas disponíveis.

ReactJS

React é uma biblioteca JavaScript utilizada para construir interfaces de usuário interativas e reativas. Com seu modelo de programação baseado em componentes reutilizáveis, eficiência na atualização do DOM e princípio da unidirecionalidade de dados, o React simplifica o desenvolvimento de aplicativos web modernos e escaláveis.

NextJS

Next.js é um framework JavaScript de código aberto que se baseia no React e é usado para criar aplicativos da web do lado do servidor (SSR) e do lado do cliente (CSR).

TailwindCSS

Tailwind CSS é um framework de design utilitário que fornece classes CSS prontas para uso, permitindo criar interfaces de usuário responsivas e personalizáveis de forma rápida e eficiente. Com sua abordagem modular e flexível, o Tailwind CSS simplifica a estilização de projetos, resultando em um código CSS mais conciso e fácil de manter.

Styled-Components

Styled Components é uma biblioteca de CSS-in-JS para React e React Native. Ele permite que você escreva estilos CSS diretamente em seus componentes, oferecendo facilidade de uso, reutilização e encapsulamento. Com recursos avançados, como interpolação de propriedades e temas, o Styled Components simplifica o processo de estilização e melhora a organização do código em projetos React.

Express

Express é um framework popular e altamente versátil para o desenvolvimento de aplicativos web e APIs usando Node.js. Sua principal vantagem é a capacidade de construir rapidamente aplicativos escaláveis, aproveitando sua sintaxe simples e uma camada de middleware poderosa.

NestJS

NestJS é um framework de desenvolvimento de aplicativos Node.js construído com base no conceito de arquitetura de aplicativos server-side (backend) em camadas. Ele oferece uma abordagem modular e escalável para a construção de aplicativos web robustos e escaláveis.

Prisma

Prisma é uma ferramenta de desenvolvimento de banco de dados que simplifica a interação com bancos de dados e acelera o desenvolvimento de aplicativos. Com seu ORM moderno, suporte a várias bases de dados, geração automática de modelos de dados e recursos avançados.

MongoDB

MongoDB é um banco de dados NoSQL flexível e escalável, que utiliza um modelo de dados baseado em documentos. Com sua capacidade de lidar com grandes volumes de dados, flexibilidade na modelagem e consulta de dados, além de recursos avançados de escalabilidade e recuperação de falhas, o MongoDB é amplamente utilizado para o armazenamento eficiente e a manipulação de dados em aplicativos modernos.

Python

Python é uma linguagem de programação de alto nível, interpretada e de fácil leitura, criada por Guido van Rossum. Destaca-se pela sintaxe clara, é multiplataforma, possui uma grande biblioteca padrão, suporta programação orientada a objetos e é amplamente utilizado em diversos domínios, como desenvolvimento web, automação, ciência de dados e inteligência artificial.

Projetos

imge

Lousa digital

ReactJS - NextJS - Typescript - TailwindCSS - Convex - Liveblocks - Shadcn-ui - Clerk-auth
imge

Cardápio digital

ReactJS - NextJS - Typescript - TailwindCSS - API - Axios
imge

Cardápio digital Admin

ReactJS - NextJS - Typescript - TailwindCSS - API - Axios - MongoDB - Prisma
imge

Discord Clone

ReactJS - NextJS - Typescript - TailwindCSS - API - Prisma - MongoDB - Socket-io - Chadcnui
imge

E-commerce Store

ReactJS - NextJS - Typescript - TailwindCSS - API
imge

E-commerce Admin

ReactJS - NextJS - Typescript - TailwindCSS - Prisma - MySQL
imge

Gênio | IA Saas

ReactJS - NextJS - Typescript - TailwindCSS - Prisma - Openai-api - MongoDB
imge

Meu Portfólio

ReactJS - NextJS - Typescript - TailwindCSS
imge

Clone do Airbnb

ReactJS - NextJS - Typescript - TailwindCSS - Prisma - MongoDB
imge

Clone do Messenger

ReactJS - NextJS - Typescript - TailwindCSS - Prisma - MongoDB
imge

Shows do RockInRio e Lollapalooza

ReactJS - Typescript - Styled-Components - Firebase
imge

PokeNext

NextJS - CSS - API
imge

Biblioteca Árvore

ReactJS - Styled-Components - Typescript - API
imge

Clone do WhatsApp

ReactJS - Styled-Components - Firebase
imge

Cardápio online

ReactJS - Styled-Components - Express - JWT - BcryptJS - Multer - MongoDB
imge

AluraTube

ReactJS - NextJS - Styled-Components - Supabase
imge

Desfazer e refazer

ReactJS - CSS3 - Typescript
imge

Portal do Locatário

ReactJS - Styled-Components
imge

Sistema para salvar repositorios do GitHub

ReactJS - Styled-Components - Express - JWT - BcryptJS - MongoDB
imge

Pokedex

ReactJS - Styled-Components - API - Axios
imge

Campeões do League of Legends

ReactJS - Styled-Components - API - Axios
imge

Calculadora

ReactJS - CSS3
imge

CRUD

ReactJS - NextJS - TailwindCSS - Firebase
imge

Happy Orphanage

HTML - CSS3 - JavaScript
imge

Flappy Bird

HTML - CSS3 - JavaScript

Fale comigo!