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