{"id":26795958,"url":"https://github.com/offensive-vk/tiny-r2-client","last_synced_at":"2026-05-02T18:31:38.356Z","repository":{"id":281688695,"uuid":"945988514","full_name":"offensive-vk/tiny-r2-client","owner":"offensive-vk","description":"Visual Client to Upload Large Files to Cloudflare R2 Object Storage.","archived":false,"fork":false,"pushed_at":"2025-04-07T17:02:13.000Z","size":89,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-06T03:54:54.909Z","etag":null,"topics":["aws","client","cloudflare","large-files","r2","storage"],"latest_commit_sha":null,"homepage":"https://r2-client.pages.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/offensive-vk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-03-10T12:46:27.000Z","updated_at":"2025-04-07T17:02:16.000Z","dependencies_parsed_at":"2025-09-18T23:45:35.129Z","dependency_job_id":"55baf159-9a30-4828-ac00-8ed8965810b1","html_url":"https://github.com/offensive-vk/tiny-r2-client","commit_stats":null,"previous_names":["offensive-vk/tiny-r2-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/offensive-vk/tiny-r2-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/offensive-vk%2Ftiny-r2-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/offensive-vk%2Ftiny-r2-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/offensive-vk%2Ftiny-r2-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/offensive-vk%2Ftiny-r2-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/offensive-vk","download_url":"https://codeload.github.com/offensive-vk/tiny-r2-client/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/offensive-vk%2Ftiny-r2-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278556193,"owners_count":26006081,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-06T02:00:05.630Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aws","client","cloudflare","large-files","r2","storage"],"created_at":"2025-03-29T18:16:36.860Z","updated_at":"2025-10-06T03:54:56.126Z","avatar_url":"https://github.com/offensive-vk.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌩️ Tiny R2 Client - Cloudflare R2 File Uploader\n\nA **secure, fast, and modular** web application to upload files to **Cloudflare R2 Storage** using **React, Vite, and Node.js**. This project follows **best practices** for authentication and upload efficiency, featuring **conditional uploads using MD5 hashing**. 🚀\n\n## 🛠️ Tech Stack\n\n- **Frontend:** React + Vite ⚛️\n- **Backend:** Node.js + Express 🖥️\n- **Storage:** Cloudflare R2 ☁️\n- **Authentication:** Secure API endpoint 🔐\n- **UI Framework:** Tailwind CSS 🎨\n- **Animations:** Framer Motion ✨\n- **Bundler:** pnpm 📦\n\n## 📂 Project Structure\n\n```text\n├── src/\n│   ├── api/            # Handles file uploads using AWS SDK\n│   ├── pages/          # Login \u0026 file upload pages\n│   ├── server/         # Express API for authentication\n│   ├── context/        # Auth state management\n│   ├── styles/         # TailwindCSS configurations\n│   ├── components/     # Reusable UI components\n│   ├── App.tsx         # Root application\n│   ├── main.tsx        # Entry point\n│\n├── .env               # Stores Cloudflare R2 credentials\n├── package.json       # Dependencies \u0026 scripts\n├── tsconfig.json      # TypeScript configuration\n├── vite.config.ts     # Vite configurations\n└── README.md          # You are here! 📖\n```\n\n## 🔑 Authentication \u0026 Environment Variables\n\nEnsure you have a `.env` file with the following values:\n\n```env\nCLOUDFLARE_ACCOUNT_ID=\u003cyour-account-id\u003e\nCLOUDFLARE_R2_ACCESS_KEY_ID=\u003cyour-access-key\u003e\nCLOUDFLARE_R2_SECRET_ACCESS_KEY=\u003cyour-secret-key\u003e\nCLOUDFLARE_R2_BUCKET_NAME=\u003cyour-bucket-name\u003e\n```\n\n## 📥 How to Run\n\n### 1️⃣ Install Dependencies\n```sh\npnpm i\n```\n\n### 2️⃣ Start the Development Server\n```sh\npnpm run dev\n```\n\n### 3️⃣ Build for Production\n```sh\npnpm run build\n```\n\n## 📤 Uploading Files\n\n1. **Login** using your Cloudflare R2 API key.\n2. Select a **file** from your system.\n3. Click **Upload** – The app will check for duplicates using **MD5 hashing** before uploading.\n\n## 👤 Author\n\n👨‍💻 **Vedansh**  \n🚀 Passionate developer crafting efficient cloud solutions!\n\nFeel free to contribute \u0026 enhance this project! 🌍✨\n\n## About the Template\n\nReact + TypeScript + Vite\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n\n## Expanding the ESLint configuration\n\nIf you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:\n\n```js\nexport default tseslint.config({\n  extends: [\n    // Remove ...tseslint.configs.recommended and replace with this\n    ...tseslint.configs.recommendedTypeChecked,\n    // Alternatively, use this for stricter rules\n    ...tseslint.configs.strictTypeChecked,\n    // Optionally, add this for stylistic rules\n    ...tseslint.configs.stylisticTypeChecked,\n  ],\n  languageOptions: {\n    // other options...\n    parserOptions: {\n      project: ['./tsconfig.node.json', './tsconfig.app.json'],\n      tsconfigRootDir: import.meta.dirname,\n    },\n  },\n})\n```\n\nYou can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:\n\n```js\n// eslint.config.js\nimport reactX from 'eslint-plugin-react-x'\nimport reactDom from 'eslint-plugin-react-dom'\n\nexport default tseslint.config({\n  plugins: {\n    // Add the react-x and react-dom plugins\n    'react-x': reactX,\n    'react-dom': reactDom,\n  },\n  rules: {\n    // other rules...\n    // Enable its recommended typescript rules\n    ...reactX.configs['recommended-typescript'].rules,\n    ...reactDom.configs.recommended.rules,\n  },\n})\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foffensive-vk%2Ftiny-r2-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foffensive-vk%2Ftiny-r2-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foffensive-vk%2Ftiny-r2-client/lists"}