https://github.com/guicamargo19/portfolio

Portfólio oficial Guilherme Camargo
https://github.com/guicamargo19/portfolio

bem-methodology css eslint html5 reactjs router-dom typescript

Last synced: 2 days ago
JSON representation

Portfólio oficial Guilherme Camargo

• Host: GitHub
• URL: https://github.com/guicamargo19/portfolio
• Owner: guicamargo19
• License: mit
• Created: 2024-04-10T19:39:50.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-09-07T20:28:31.000Z (2 months ago)
• Last Synced: 2024-09-07T21:35:47.821Z (2 months ago)
• Topics: bem-methodology, css, eslint, html5, reactjs, router-dom, typescript
• Language: TypeScript
• Homepage: https://portfolio-pink-omega-63.vercel.app
• Size: 3.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Portfólio

[**ACESSE**](https://portfolio-pink-omega-63.vercel.app/)

Desenvolvido em **ReactJS** com **TypeScript**, estilização em **CSS** e **React Router DOM** para navegação entre páginas,

tornando esta uma SPA (Single Page Application). Segue boas práticas de programação seguindo a **Metodologia BEM**, e

utilizando as regras **ESLint** e **Prettier** para formatação de código em ambiente de desenvolvimento.

## 🛠️ Ferramentas utilizadas para construção do projeto

* **ReactJS** - Biblioteca front-end JavaScript de código aberto com foco em criar interfaces de usuário em páginas web.

* **TypeScript** - Linguagem criada em cima do JS e permite que adicionemos tipagem de dados em nossas variáveis, além de outros recursos avançados.

* **HTML** - Linguagem de marcação utilizada na construção de páginas na Web.

* **CSS** - Cascading Style Sheets é um mecanismo para adicionar estilos a uma página web.

* **Styled Components** - Uma biblioteca que nos permite escrever CSS em JavaScript enquanto construímos componentes customizados em ReactJS.

* **Bootstrap** - Framework web open-source para desenvolvimento de componentes de interface para sites e aplicações web.

* **jQuery** - Biblioteca livre que contém funções de JavaScript que interage com páginas em HTML.

* **Metodologia BEM** - Block Element Modifier, é uma forma de organizar o código CSS para solucionar problemas frequentes no desenvolvimento web.

* **ESLint** - Linter, uma ferramenta de análise estática, para as linguagens Javascript e Typescript, sendo o mais popular do mundo para tais linguagens.

* **Prettier** - Ferramenta para formatação de código, necessitando de configurações para rodar no VSCode.

* **NPM** - Gerenciador de pacotes padrão para o ambiente de tempo de execução JavaScript Node.JS.

* **Vite** - Servidor de desenvolvimento local escrito pelo criador do Vue.js, e usado por padrão pelo Vue.js e para modelos de projeto React.

## ✒️ Autor

Guilherme Ferreira Camargo