Archives is a modern web application built as a Progressive Web App (PWA), designed to help you manage, store, and archive your data and media effortlessly. Built on an all-cloud based infrastructure, Archives ensures your data is securely stored, lightweight to access, and provides a seamless, native-like experience across all devices.
The application is deployed and ready to use. You can try it out directly here:
- 📱 Progressive Web App (PWA): Installable directly to your mobile (Android/iOS) or desktop home screen, offering a native app-like experience with offline capabilities and fast load times.
- ☁️ All Cloud-Based: Zero local storage footprint. The entire architecture relies on a scalable cloud ecosystem.
- 🔐 Secure Google Login & Database: Powered by Supabase, featuring Google Login integration to ensure top-tier security and a seamless authentication process, alongside lightning-fast realtime database storage.
- 📸 Smart Document Camera: Snap photos directly within the app. Features built-in automatic edge detection and cropping for perfectly digitized documents before uploading.
- 🖼️ Advanced Media Management: Integrated with Cloudinary to seamlessly upload, store, and automatically optimize images and media assets.
- ⚡ Responsive Design: A mobile-first user interface styled with Tailwind CSS that looks and works great on both smartphones and desktop browsers.
This project is built using a modern Serverless/Backend-as-a-Service (BaaS) approach, eliminating the need for a conventional backend server:
- Frontend: HTML, modern JavaScript framework (Configured as PWA), and styled with Tailwind CSS for rapid, highly customizable, and responsive UI development.
- Backend & Auth: Supabase - Serves as the primary database (PostgreSQL) and handles secure user authentication (Google OAuth).
- Media Storage: Cloudinary - A specialized cloud service used to manage, host, and optimize media files.
- Hosting / Deployment: Render - Used to securely deploy and host the live application.
Archives features a 100% Cloud-Based and Serverless architecture:
- Client (PWA): Users interact with the application interface via a web browser or the installed PWA.
- Authentication & Data (Supabase): For secure Google logins and data fetching, the client communicates directly with the Supabase API. Supabase handles security rules and returns the required data from the PostgreSQL database.
- Media Storage (Cloudinary): When a user uploads a file/image, it is sent directly from the client to Cloudinary. Cloudinary processes it and returns an optimized image URL.
- Synchronization: The optimized Cloudinary URL is then saved into the Supabase database as a text reference. This keeps the database lightweight and makes data retrieval highly efficient.