8eeb48fcd3f8803e4a8d54b76a8afe4f5f3b47de
Driveboard
Driveboard is a Vite + React app that presents a nested file structure with a Google Drive-inspired browsing experience.
Features
- Browse a mock drive hierarchy from the sidebar tree or the main content area.
- Connect a local directory from the in-app Settings panel by entering a filesystem path.
- Search folders, files, file types, and locations across the whole active source.
- Switch between a compact list view and a card-based browsing view.
- Inspect the currently selected file or folder in the details panel.
- Use a responsive layout that works across desktop and mobile widths.
Scripts
npm installto install dependencies.npm run devto start both the Vite frontend and the local filesystem API.npm run buildto create a production build.npm run previewto preview the production build alongside the local filesystem API.npm run startto serve the built app and the local filesystem API from Node.
Notes
- The sample fallback data still lives in
src/data/driveData.js. - Local filesystem access now runs through the bundled Node API in
server/index.js. - The selected directory path is stored in browser local storage and restored on the next launch when the local API is available.
- This avoids the browser upload flow because the app reads the directory from disk through the local backend instead of importing files into the page.
Description
Languages
JavaScript
76.3%
CSS
23.4%
HTML
0.3%