https://github.com/0nf1rey/electron-applications
Este repositório contém diversos projetos desenvolvidos com Electron, cada um com propósitos e tecnologias variadas.
https://github.com/0nf1rey/electron-applications
electron html javascript tailwindcss typescript
Last synced: 9 months ago
JSON representation
Este repositório contém diversos projetos desenvolvidos com Electron, cada um com propósitos e tecnologias variadas.
- Host: GitHub
- URL: https://github.com/0nf1rey/electron-applications
- Owner: 0nF1REy
- License: mit
- Created: 2025-09-01T05:11:17.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-10-01T03:01:02.000Z (9 months ago)
- Last Synced: 2025-10-01T05:18:27.823Z (9 months ago)
- Topics: electron, html, javascript, tailwindcss, typescript
- Language: JavaScript
- Homepage:
- Size: 30.7 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Electron Applications
## 📖 Descrição
Este repositório contém diversas aplicações desenvolvidos com Electron, cada um com propósitos e tecnologias variadas. Abaixo está uma visão geral de cada aplicação presente na pasta principal.
## Índice
- [image-resizer](#image-resizer)
- [ipc](#ipc)
- [meu-hello-electron](#meu-hello-electron)
- [my-clock-app](#my-clock-app)
- [my-electron-app](#my-electron-app)
- [my-note-app](#my-note-app)
- [my-pomodoro-app](#my-pomodoro-app)
- [neo-browser](#neo-browser)
- [pressound](#pressound)
- [react-vite-starter](#react-vite-starter)
- [resonus](#resonus)
- [screen-capturer](#screen-capturer)
- [tuturu-timer](#tuturu-timer)
- [user-lite](#user-lite)
---
## image-resizer
Aplicativo Electron para redimensionamento de imagens. Possui interface gráfica, suporte a múltiplos formatos e ícones para diferentes sistemas operacionais.
- **Principais arquivos:** `main.js`, `preload.js`, `renderer/index.html`, `renderer/scripts/renderer.js`
- **Recursos:** Redimensionamento de imagens, interface amigável, ícones customizados.
## ipc
Exemplo de comunicação IPC (Inter-Process Communication) no Electron, utilizando Vite para build e configuração modular.
- **Principais arquivos:** `main.js`, `preload.js`, `renderer.js`, `vite.*.config.mjs`
- **Recursos:** Demonstração de IPC, estrutura moderna com Vite.
## meu-hello-electron
Projeto simples de "Hello World" com Electron, ideal para iniciantes.
- **Principais arquivos:** `main.js`, `preload.js`, `index.html`
- **Recursos:** Estrutura básica, fácil de entender.
## my-clock-app
Aplicativo de relógio digital feito com Electron.
- **Principais arquivos:** `main.js`, `preload.js`, `renderer/scripts/script.js`, `renderer/styles/style.css`
- **Recursos:** Exibe relógio em tempo real, interface simples.
## my-electron-app
Template básico para aplicações Electron, com configuração Forge.
- **Principais arquivos:** `main.js`, `preload.js`, `renderer.js`, `forge.config.js`
- **Recursos:** Estrutura inicial para novos projetos.
## my-note-app
Aplicativo de notas com Electron.
- **Principais arquivos:** `main.js`, `preload.js`, `src/index.html`, `src/script.js`, `src/main.css`
- **Recursos:** Criação e edição de notas, interface simples.
## my-pomodoro-app
Aplicativo Pomodoro com React e Electron, focado em produtividade.
- **Principais arquivos:** `main.js`, `preload.js`, `src/App.tsx`, `src/index.tsx`, `public/index.html`
- **Recursos:** Timer Pomodoro, interface moderna, assets personalizados.
## neo-browser
Navegador simples feito com Electron e Vite.
- **Principais arquivos:** `main.js`, `preload.js`, `renderer.js`, `vite.*.config.mjs`
- **Recursos:** Estrutura de navegador, configuração modular.
## pressound
Aplicativo de sons com Electron, focado em efeitos sonoros e interface visual.
- **Principais arquivos:** `main.js`, `src/renderer.js`, `src/index.html`, `src/assets/sounds/`
- **Recursos:** Biblioteca de sons, interface visual, organização por categorias.
## react-vite-starter
Template para projetos React com Electron e Vite.
- **Principais arquivos:** `main.js`, `preload.js`, `src/renderer.jsx`, `vite.*.config.mjs`
- **Recursos:** Estrutura pronta para React + Electron + Vite.
## resonus
Aplicativo multimídia com Electron e TypeScript, usando Webpack.
- **Principais arquivos:** `app.tsx`, `index.ts`, `webpack.*.ts`, `assets/`
- **Recursos:** Interface multimídia, tipagem forte, configuração avançada.
## screen-capturer
Ferramenta simples para captura de tela com Electron.
- **Principais arquivos:** `main.js`, `assets/capture.*`
- **Recursos:** Captura de tela, ícones customizados.
## tuturu-timer
Timer com interface customizada, feito com Electron e React, usando Tailwind para estilos.
- **Principais arquivos:** `electron.vite.config.mjs`, `src/renderer/src/App.jsx`, `src/renderer/src/main.jsx`, `src/renderer/src/assets/main.css`
- **Recursos:** Timer customizado, interface moderna, assets visuais e sonoros.
## user-lite
Aplicativo de gerenciamento de usuários simples com Electron.
- **Principais arquivos:** `main.js`, `preload.js`, `renderer/index.html`, `database/database.js`
- **Recursos:** Gerenciamento de usuários, interface básica, persistência local.
---
## Como executar os projetos
Cada projeto possui seu próprio `package.json` e pode ser executado individualmente. Para rodar um projeto:
```bash
cd
npm install
npm start
```
Consulte o README específico de cada projeto (se houver) para instruções detalhadas.
## 👤 Sobre o Desenvolvedor
Alan Ryan
☕ Peopleware | Tech Enthusiast | Code Slinger ☕
Apaixonado por código limpo, arquitetura escalável e experiências digitais envolventes
Conecte-se comigo:
---
## 📫 Contribuir
Contribuições são muito bem-vindas! Se você deseja contribuir com o projeto, por favor, siga estes passos:
1. **Faça um Fork** do repositório.
2. **Crie uma nova Branch** para sua feature ou correção:
```bash
git checkout -b feature/nome-da-feature
```
3. **Faça suas alterações** e realize o commit:
```bash
git commit -m "feat: Adiciona nova feature"
```
4. **Envie suas alterações** para o seu fork:
```bash
git push origin feature/nome-da-feature
```
5. **Abra um pull request** para a branch `main` do repositório original.
## 📚 Recursos Adicionais
- **📝 Como criar um Pull Request**
- **💾 Padrão de Commits Convencionais**
## 📜 Licença
Este projeto está sob a **licença MIT**. Consulte o arquivo **[LICENSE](LICENSE)** para obter mais detalhes.
> ℹ️ **Aviso de Licença:** © 2025 Alan Ryan da Silva Domingues. Este projeto está licenciado sob os termos da licença MIT. Isso significa que você pode usá-lo, copiá-lo, modificá-lo e distribuí-lo com liberdade, desde que mantenha os avisos de copyright.
⭐ Se este repositório foi útil para você, considere dar uma estrela!