Nimbus is a sleek, user-friendly cloud storage platform built with Next.js, Tailwind CSS, and Supabase. Designed to demonstrate secure file handling, storage management, and user account operations, Nimbus offers a strong foundation for scalable cloud-native applications.
“Because you were there.” — Nimbus tagline
-
Authentication & Authorization
- Secure login/logout using Supabase Auth
- Role-based route protection (client-side guarding)
-
Cloud File Uploads & Downloads
- File uploads linked to individual user folders
- Public and signed download links
- Storage quota indicator and usage stats
-
Dashboard with Analytics
- File count, last upload date, and storage used
- Pagination for browsing large uploads
-
Responsive UI Modes
- Toggle between List, Thumbnail, and Detail views
- Clean Tailwind CSS styling with light/dark support planned
-
User Profile Management
- Editable email and password
- Avatar upload using Supabase Storage
- Visual upload progress and usage bar
| Tech | Purpose |
|---|---|
| Next.js 14 | Frontend framework |
| Tailwind CSS | Modern, utility-first styling |
| Supabase | Auth, storage, and serverless backend |
| TypeScript | Type safety + scalability |
You’ll need a Supabase project with:
- A
nimbus-uploadsbucket (private)- An
avatarsbucket (public or with RLSINSERTpolicy)- Auth enabled (email/password)
git clone https://github.com/richfish85/nimbus.git cd nimbus npm install
- Add environment variables Create .env.local:
env NEXT_PUBLIC_SUPABASE_URL=your-supabase-url NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
- Run locally npm run dev 🧪 Roadmap Drag & drop file uploads
Folder support
Real-time sync
Shareable file links
Dark mode toggle
Admin dashboard for usage oversight
📸 Screenshots
📄 License This project is for personal and educational use. Reach out for licensing or collaboration opportunities.
✨ Author Richard Fisher deepnet.com.au • Medium • Aspiring Cybersecurity Engineer & Full-stack Developer