https://github.com/suboptimaleng/orbital
🛰 A desktop app that allows you to search, filter, and preview video files on your computer - like YouTube for your local file system.
https://github.com/suboptimaleng/orbital
desktop-app electron ffmpeg file-browser file-manager filebrowser filemanager gallery photography photos react-js reactjs tailwindcss typescript videos
Last synced: 5 months ago
JSON representation
🛰 A desktop app that allows you to search, filter, and preview video files on your computer - like YouTube for your local file system.
- Host: GitHub
- URL: https://github.com/suboptimaleng/orbital
- Owner: SuboptimalEng
- License: mit
- Created: 2021-08-14T21:36:51.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-16T20:49:56.000Z (almost 2 years ago)
- Last Synced: 2024-11-12T16:02:22.267Z (5 months ago)
- Topics: desktop-app, electron, ffmpeg, file-browser, file-manager, filebrowser, filemanager, gallery, photography, photos, react-js, reactjs, tailwindcss, typescript, videos
- Language: TypeScript
- Homepage:
- Size: 79.3 MB
- Stars: 98
- Watchers: 5
- Forks: 8
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🛰 Orbital - Video File Browser
Orbital is a local-first desktop app that allows you to search, filter, and preview video (and image) files on your computer. It turns your computer's file browser into YouTube. All questions (and suggestions) can be directed to me on [twitter](https://www.twitter.com/SuboptimalEng).
## How does it work?
https://user-images.githubusercontent.com/70355008/138158479-9d322fd6-487b-48d0-82e1-9ea141a1ce61.mp4
## Features
- Gallery view of videos and images.
- Search files through all sub-folders with filename.
- Preview media files and traverse them with keybindings.
- Drag and drop media files into other apps like iMovie or Da Vinci Resolve.
- Choose between light, dracula, and gruvbox color themes.
# Discussions
- [r/webdev](https://www.reddit.com/r/webdev/comments/qdxngk/i_made_an_opensource_file_browser_to_easily/)
- [r/videography](https://www.reddit.com/r/videography/comments/qekxl8/after_quitting_my_job_and_going_fulltime_on/)
# Developer Guide
This part of the README is dedicated to anyone who wishes to get into the technical details of Orbital. For what it's worth, I started learning React and TypeScript two months ago so I would really appreciate any feedback on the code!
## Updates Checklist
- Make PR describing changes
- Create new release on merge
- Update gumroad .dmg file
- Update Orbital version
## Tech Stack
- React
- Redux
- TypeScript
- Tailwind CSS
- Electron.js
- FFmpeg
## Getting Started
```javascript
// running
npm install
npm run dev
// building
// while Orbital is open-source, I ask that you do not re-distribute it
npm install
npm run electron-pack
```
## Licensing
While Orbital is open-source, I ask that you do not re-distribute it.