https://github.com/nathanmontt/mmm

M³: um guia diário nos seus estudos
https://github.com/nathanmontt/mmm

css css-layouts css3 html html-css-js html5 javascipt javascript-vanillia js project projects study-project

Last synced: 9 months ago
JSON representation

M³: um guia diário nos seus estudos

• Host: GitHub
• URL: https://github.com/nathanmontt/mmm
• Owner: nathanmontt
• License: mit
• Created: 2025-02-09T14:53:36.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-13T12:52:32.000Z (12 months ago)
• Last Synced: 2025-03-13T13:41:06.048Z (12 months ago)
• Topics: css, css-layouts, css3, html, html-css-js, html5, javascipt, javascript-vanillia, js, project, projects, study-project
• Language: SCSS
• Homepage: https://mmm-tracking.vercel.app/
• Size: 5.46 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# *M³ - Me, Myself & Monteiro*

***M³***: um guia diário nos seus estudos (os meus, por enquanto)

---

### ÍNDICE

* [Sobre o Projeto](#about)

* [Habilidades Necessárias](#abilities)

* [Como executar](#execute)

* [Contribuindo](#contribuition)

* [Pontos Importantes](#key-points)

* [*Features* Futuras](#fut-feats)

* [Inspirações](#inspirations)

* [Links Úteis](#links)

* [Créditos](#credits)

Sobre o Projeto


_M³_ foi uma idealização pensanda especificamente no quesito estudo. A aplicação serve como um rastreador dos mesmos, como estudos da universidade, idealizações de projetos (área *tech* ou não), entre outros. Além de uma anotação **mais concisa do que no Github**, o projeto serve majoritariamente como um **guia diário de estudo** pessoal. O motivo é devido à vontade de "escrever mais do que o normal". Ou seja, **deixar tudo ainda mais documentado do que já pode ficar**.

 Habilidades Necessárias 


Seguindo o "*template*" de projetos anteriores, serão usadas as seguintes linguagens:

- **HTML**

- **CSS**, mais especificamente **_SCSS_**

- **JavaScript** (*vanillia*)

- **Tailwind CSS**a (ainda não implementado, apenas uma possibilidade)

 Como executar 


O link referente ao projeto se encontra ao lado. Fique à vontade para visitá-lo.

 Contribuindo 


No momento, não há contruibuições. Caso queira, dê um PR!

 Pontos Importantes 


Vale resaltar alguns pontos importantes, de estudo, ao decorrer do projeto:

* O `` foi apontado por alguns artigos sendo "não recomendado, devido à entrada do email quase sempre caindo em _spam_". É possível que, no futuro, isso seja modificado;

 Features Futuras 


Para futuras features, alguns opções podem ser levadas em consideração:

*Feature* | Motivo/Explicação

:---------: | :------:

**Modals** | Como poderão aparecer outros projetos, adicionar uma _modal window_ para facilitar a navegação

**Modes** | Idealizar um _dark/light mode_. Essa criação resultará na tentativa de uma nova _branch_

**JS** | Na parte do conteúdo, criar um de forma que, ao passar o _mouse_ em cima do nome do "projeto", uma imagem referente ao mesmo aparecerá

 Inspirações 


O projeto foi passado por mudanças, então como inspirações, foi usado:

- COUNTERFORM®— Premium Estate, por Artiom Yakushev

- ESCAPENOW: Website, por Diversos Artistas

 Links Úteis 


A seção abaixo foi adicionada para caso queira verificar algum conteúdo de estudo. Se for de seu interesse e também quiser recomendar algum outro, fique à vontade!

*Tipo do Estudo* | Nome do Artigo

:---------: | :------:

**git** | Beginner’s guide to GitHub: Creating a pull request 
 Git Pull Request

**JS: "Events"** | Change the Background Color on Scroll using JavaScript (the repository to the article) 
 Element.addEventListener() 
 DOMContentLoaded 
  HTML DOM Document addEventListener() 
 Working with JavaScript Media Queries 
 Multiple Events to a Listener with JavaScript 
 Javascript: Close a model with ‘Escape’ key

**JS: Attributes** | SVG Scripting 
 HTML DOM Element nextElementSibling 
 Whats the difference between nextElementSibling vs nextSibling

**CSS** | How to Change Font Color in CSS While Scrolling 
 position 
 CSS Layout - The position Property

**HTML: tag ``** | Glossário de SEO: rel="noopener noreferrer"

**HTML: tag ``** | How to Create Mailto Links 
 How to Create a Responsive HTML Email Template 
 The Ultimate Guide to HTML Email Development 
 How to Create Mailto Forms

 Créditos 


Copyright © 2024, Nathan Monteiro