My Cloud is a modern, secure, and "Hacker Themed" personal cloud storage application built with React and Supabase. It allows users to store, organize, and manage their files with a sleek, cyber-security inspired interface.
- Cyberpunk / Hacker UI: A distinct black and neon-green aesthetic with matrix-style animations and glassmorphism effects.
- Security First: Protected routes and Row Level Security (RLS) via Supabase ensure data privacy.
- File Management: Upload, download, and delete files securely.
- Categorization: Organize files into custom categories (systems).
- Storage Quotas:
- Standard Users: Limited to 5 MB storage (Simulated free tier).
- Super User: Unlimited storage access for
fsoyilov@gmail.com.
- Admin Panel: Exclusive dashboard for the Super User to view and manage all registered users.
- Responsive Design: Fully functional on desktop and mobile devices.
- Frontend: React (Vite), Tailwind CSS (v4)
- Backend: Supabase (Auth, Database, Storage)
- Icons: Lucide React
- Font: Quicksand
-
Clone the repository
git clone https://github.com/your-username/my-cloud.git cd my-cloud -
Install Dependencies
npm install
-
Environment Setup Create a
.envfile in the root directory and add your Supabase credentials:VITE_SUPABASE_URL=your_supabase_project_url VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
-
Database Setup Run the SQL scripts provided in
DATABASE_SETUP_UZ.mdin your Supabase SQL Editor to set up:categoriesandfilestables.profilestable (for Admin features).- Storage buckets and RLS policies.
-
Run the App
npm run dev
To access the Super User features (Unlimited Storage & Admin Panel):
- Register with the email:
fsoyilov@gmail.com - Once logged in, you will see the ADMIN PANEL button in the sidebar and have no storage restrictions.
This project is for educational purposes. Feel free to fork and modify!
Developed by Farhod Soyilov