Skip to content

Commit

Permalink
refactor: add project
Browse files Browse the repository at this point in the history
  • Loading branch information
hernandemonteiro committed Oct 14, 2024
1 parent 31bc16d commit e11cec7
Show file tree
Hide file tree
Showing 3 changed files with 46 additions and 0 deletions.
Binary file added public/images/projects/project_pm2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions src/components/Projects/Projects.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,11 @@
background-image: url("/images/projects/cursor.png");
}

.imgPM2Dashboard {
@extend .baseProjectImg;
background-image: url("/images/projects/project_pm2.png");
}


.imgDtAnalyse {
@extend .baseProjectImg;
Expand Down
41 changes: 41 additions & 0 deletions src/components/Projects/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,47 @@ function Projects() {
projectLink="https://hernandemonteiro.github.io/virtual_hand_cursor/"
codeLink="https://github.com/hernandemonteiro/virtual_hand_cursor"
/>

<ProjectModal
projectCard={
<CardProject
title={'PM2 Dashboard'}
className={styles.imgPM2Dashboard}
/>
}
projectTitle="PM2 Dashboard"
aboutTheProject={
<>
O PM2 Dashboard é um dashboard open-source criado para monitorar
processos que utilizam o gerenciador de processos PM2. Ele oferece
uma interface amigável para visualização e controle dos processos
diretamente na máquina onde o projeto está rodando.
<br />
<br />
Neste projeto, fui responsável por todo o desenvolvimento, desde a
concepção da interface até a implementação da lógica de captura de
logs do PM2, usando comandos do sistema. Além disso, inclui
recursos para visualização de informações sobre processos,
reinicialização e controle dos mesmos, com foco em facilidade de
uso.
<br />
<br />O projeto também suporta variáveis de ambiente para
personalização (como `PASSWORD` e `PORT`), e foi criado com a
ideia de ser facilmente hospedado e configurado em servidores
rodando PM2.
</>
}
tecnologiesUsed={[
'Node.js',
'Express',
'PM2',
'Typescript',
'HTML',
'CSS',
]}
codeLink="https://github.com/hernandemonteiro/node_pm2"
/>

<ProjectModal
projectCard={
<CardProject
Expand Down

0 comments on commit e11cec7

Please sign in to comment.