Bordi, masaüstünüzü interaktif bir çalışma alanına dönüştüren, şeffaf ve modern bir sanal pano uygulamasıdır. Electron ve React teknolojileri ile geliştirilmiş bu uygulama, notlarınızı ve medya dosyalarınızı özgürce düzenlemenize olanak tanır.
- Notlar oluşturma ve düzenleme
- Fotoğraf ve video ekleme
- Sürükle-bırak ile kolay düzenleme
- Rastgele ve eğimli yerleşim
- Tam şeffaf arka plan
- Masaüstü ve diğer uygulamalarla etkileşim
- Akıllı fare olayları yönetimi
- Sürükle-bırak desteği
- Bileşenlere raptiye ekleme
- Raptiyeler arası bağlantılar
- Gerçekçi ip animasyonları ve etkileşimleri
- Modern ve minimal tasarım
- Özelleştirilebilir not renkleri
- Şık medya çerçeveleri
- Yumuşak animasyonlar
- Node.js (v18 veya üzeri)
- npm veya yarn
- Git
- Repoyu klonlayın:
git clone https://github.com/kemalersin/bordi.git
cd bordi- Bağımlılıkları yükleyin:
npm install
# veya
yarn install- Geliştirme modunda çalıştırın:
npm run electron:dev
# veya
yarn electron:dev- Uygulamayı derleyin:
npm run electron:build
# veya
yarn electron:build- Uygulamayı yayınlayın:
npm run dist:win:appx- Electron: Masaüstü uygulama çerçevesi
- React: UI geliştirme kütüphanesi
- TypeScript: Tip güvenli JavaScript
- Styled Components: CSS-in-JS çözümü
- Vite: Build aracı
bordi/
├── src/
│ ├── components/ # React bileşenleri
│ ├── styles/ # Stil dosyaları
│ ├── hooks/ # Custom React hooks
│ ├── types/ # TypeScript tip tanımları
│ ├── constants/ # Sabit değerler
│ └── utils/ # Yardımcı fonksiyonlar
├── electron/ # Electron ana süreç
└── public/ # Statik dosyalar
- Bu repoyu fork edin
- Yeni bir branch oluşturun (
git checkout -b feature/amazing-feature) - Değişikliklerinizi commit edin (
git commit -m 'feat: Add amazing feature') - Branch'inizi push edin (
git push origin feature/amazing-feature) - Pull Request oluşturun
Bu proje MIT lisansı altında lisanslanmıştır. Detaylar için LICENSE dosyasına bakın.
Geliştirici: Kemal Ersin
Bordi is a transparent and modern virtual board application that transforms your desktop into an interactive workspace. Developed with Electron and React technologies, this application allows you to freely organize your notes and media files.
- Create and edit notes
- Add photos and videos
- Easy drag-and-drop editing
- Random and tilted placement
- Fully transparent background
- Interact with desktop and other applications
- Smart mouse event handling
- Drag-and-drop support
- Add pins to components
- Create connections between pins
- Realistic rope animations and interactions
- Modern and minimal design
- Customizable note colors
- Elegant media frames
- Smooth animations
- Node.js (v18 or higher)
- npm or yarn
- Git
- Clone the repository:
git clone https://github.com/kemalersin/bordi.git
cd bordi- Install dependencies:
npm install
# or
yarn install- Run in development mode:
npm run electron:dev
# or
yarn electron:dev- Build the application:
npm run electron:build
# or
yarn electron:build- Electron: Desktop application framework
- React: UI development library
- TypeScript: Type-safe JavaScript
- Styled Components: CSS-in-JS solution
- Vite: Build tool
bordi/
├── src/
│ ├── components/ # React components
│ ├── styles/ # Style files
│ ├── hooks/ # Custom React hooks
│ ├── types/ # TypeScript type definitions
│ ├── constants/ # Constants
│ └── utils/ # Helper functions
├── electron/ # Electron main process
└── public/ # Static files
- Fork this repository
- Create a new branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'feat: Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Create a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Developer: Kemal Ersin