A secure, fast, and reliable content delivery network and file manager built for Hack Clubbers built for students by students. Effortlessly upload, organize, and share your files and folders with advanced privacy controls, beautiful UI, and seamless integration with the Hack Club community.

• Modern Dashboard: Intuitive, responsive UI for managing files and folders
• File & Folder Managementment: Upload, organize, rename, and delete files and folders
• Drag & Drop Uploadsoads: Upload multiple files with progress tracking and notifications
• Privacy Controls: Share files/folders privately, with specific users, or publicly via link
• Starred & Recentcent: Quickly access starred and recently used files
• Secure Authentication: Login with Slack or email/password (with session refresh)
• Rich Previews: Image, video, and document previews
• Activity & Statstats: Dashboard with usage stats and recent activity
• API Integration: Built-in API client for backend communication
• Beautiful Design: Tailwind CSS, custom themes, and delightful animations

Dashboard      sp;   Upload Modal      sp;   Sharing

• Node.js (v18+ recommended)
• npm or yarn

npm install

# or
yarn installl

npm run dev

# or
yarn devv

Visit http://localhost:5173 to view the app.

npm run build

# or
yarn buildd

npm run preview

# or
yarn previeww

• API endpoints are configured in src/consts.ts. By default, API requests are proxied to /api.
• For authentication and file operations, ensure your backend implements the required endpoints (see UploadWrapper.README.md for details).
• Environment variables can be set in .env if needed for custom API URLs.

• Login: Use Slack or email/password to sign in.
• Upload Files: Drag & drop or use the upload button. Progress and errors are shown in real-time.ime.
• Organize: Create folders, move files, and manage your content visually.
• Share: Share files/folders with others by email or generate a public link.
• Star & Trashrash: Star important files for quick access, or move items to trash.
• Search & Filterlter: Quickly find files by name, type, or tag.

For advanced upload and backend integration, see UploadWrapper.README.md.

• React + TypeScript
• Vite (blazing fast dev/build)
• Tailwind CSS (utility-first styling)
• React Router (routing)
• React Icons
• React Toastify (notifications)
• Axios (API requests)

Contributions are welcome! To get started:

1. Fork the repo
2. Create a new branch (git checkout -b feature/your-feature)
3. Make your changes
4. Commit and push (git commit -am 'Add new feature' && git pushgit push)
5. Open a Pull Request

MIT License. See LICENSE for details.

• Built by Khaled Muhammad and the Hack Club community
• GitHub Repo
• Hack Club
• Inspired by the needs of student hackers everywhere!