Skip to content

πŸš€ CloudCannon is a sleek, minimalist cloud storage app built with React, CSS, Supabase, and Vite. Enjoy secure two-step verification, easy file upload, rename, download (including ZIP), and sharing. Laboratory Mode lets you compress, enhance, and edit images or text filesβ€”always as safe copies. Clean, responsive UI. Pro-level features. πŸ”βš™οΈ

Notifications You must be signed in to change notification settings

Sumdiboii/cloud-cannon-space-app-public

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 

Repository files navigation

Typing SVG

CloudCannon Logo

☁️ CloudCannon ☁️

Sleek Design, Serious Security β€” Cloud Storage, Reinvented.


CloudCannon Banner



πŸ’™ View the Project



πŸš€ What Did I Build?

CloudCannon is a minimalist, high-performance cloud storage application built using React, CSS, Vite, and powered by Supabase for authentication, database, and file storage.

  • Two-step verification for secure user authentication
  • Upload, rename, download (including ZIP), and copy file links
  • File sorting by date and type for improved usability
  • Laboratory Mode: in-browser editing for images and text files (saved as safe copies)
  • Clean, responsive interface optimized for all devices



☁️ What is This Project?

CloudCannon is a full-stack cloud storage solution that emphasizes simplicity, speed, and security. It uses Supabase as the backend to handle user authentication, file storage, and real-time operations.

This project is designed for users who require a fast, reliable, and user-friendly cloud storage experience with essential file management features and additional tools like browser-based file editing.

It delivers a balance of modern UI/UX with a robust backend, making it suitable for both personal and professional use.




πŸ“Έ Screenshots

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 Screenshot 5 Screenshot 6


πŸ› οΈ Tech Stack and Tools


Tech Used Purpose
React Frontend UI library for fast, component-based views
CSS Styling framework for responsive, modern layouts
Supabase Backend for auth, database, and file storage
Vite Fast build tool and development server
Vercel Hosting and deployment
Pako Browser-side image compression utility



πŸ” Core Features

  • πŸ”’ Secure cloud storage with two-step authentication
  • πŸ“ Upload, rename, download (ZIP included), and copy links
  • 🧠 Smart sorting by file date and type
  • πŸ§ͺ Laboratory Mode:
    • Compress/enhance images in-browser
    • Edit/save text files (safely as new copies)
  • πŸ“± Clean and responsive design for all screen sizes



πŸ” Learning Highlights

  • Crafted custom secure authentication flows using Supabase Auth
  • Focused on clean UI/UX principles and minimal distractions
  • Managed frontend state efficiently with modern React practices
  • Learned file handling and in-browser media manipulation
  • Boosted deployment confidence with Vercel and Vite



🚧 Future Plans

  • πŸ” Add file metadata and powerful search
  • πŸ–±οΈ Drag & drop upload support
  • πŸ“œ Version history and rollback
  • πŸ“± More mobile-first enhancements
  • πŸ’Ž Premium tier options for advanced users

CloudCannon is still growing β€” smarter features and backend upgrades are coming!




πŸ‘¨β€πŸ’» About the Creator

Sumdiboii – Developer, Designer & Cloud Enthusiast

LinkedIn – Sumedh Pimplikar


Clean UI, powerful performance, and total control β€”
CloudCannon redefines what your cloud drive should feel like.

Built by passion. Deployed with precision.

About

πŸš€ CloudCannon is a sleek, minimalist cloud storage app built with React, CSS, Supabase, and Vite. Enjoy secure two-step verification, easy file upload, rename, download (including ZIP), and sharing. Laboratory Mode lets you compress, enhance, and edit images or text filesβ€”always as safe copies. Clean, responsive UI. Pro-level features. πŸ”βš™οΈ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published