Kanso – Visible Journal and Portfolio Maker for iOS
Kanso is a superbly minimal iOS app template for creating visible journals, portfolios and tales manufactured from textual content and picture blocks – then sharing them with the world by means of QR codes, public hyperlinks and PDF exports. It ships as full, ready-to-build supply code for React, Vite, Tailwind CSS and Capacitor (iOS).
Demo Directions
- There isn’t a locked demo account and no demo password. The app has its personal registration move: set up, faucet Enter, enter any e mail and a password (min. 6 characters) and a brand new account is created mechanically. If the e-mail already exists you can be requested for the proper password.
- IMPORTANT: Kanso makes use of Firebase (Authentication + Firestore) for accounts and cloud sync. Earlier than the app can run, you will need to create your personal free Firebase challenge and insert your credentials in a single file (src/firebase.js). A step-by-step Configuration information with screenshots is included in documentation.html. The template ships with PLACEHOLDER values so no personal keys are included.
- WARNING – EXTERNAL SERVICE AND COSTS: Firebase is a third-party exterior service supplied by Google, not a part of this template. Utilizing it requires your personal Firebase/Google account, and also you conform to Firebase’s phrases. Whereas Firebase presents a free tier, utilization past the free quotas (or Firebase’s pricing modifications) may end up in prices billed on to you by Google. These prices are separate from and along with the acquisition value of this merchandise. Please overview https://firebase.google.com/pricing earlier than buying.
- Public share hyperlinks level to a Firebase Internet hosting URL that you just deploy your self with the included firebase.json configuration (one command: firebase deploy).
All the pieces the App Does
- Welcome display screen with minimal serif branding
- Electronic mail and password authentication – auto-registers new customers, logs in present ones (Firebase Auth SDK)
- Residence display screen with two tabs: My Studios (your creations) and Visited (saved from different creators)
- Tiles and Checklist view modes with animated expandable record rows
- Sorting by creation date, title and final up to date
- Block-based editor: limitless textual content blocks and picture blocks
- Drag handles to resize picture top and textual content font dimension stay
- Insert blocks between present blocks with animated insert zones
- Arrange mode: drag and drop reordering, transfer to high/backside, convert block to spacer, delete block
- Invisible spacer blocks for creative format management
- Revert motion with full Undo Revert (redo) assist
- Preview mode (read-only render of the story)
- Mark Full mode to freeze a challenge as completed
- Non-obligatory metadata: creator title, date or date vary, subtitle (long-press the title)
- Computerized autosave with debounced cloud sync to Firestore
- Cowl pictures: choose from photograph library (native Capacitor Digicam), covers fall again to the primary picture block
- Lengthy-press context menus with haptic suggestions (share, PDF export, edit cowl, take away)
- Share display screen: scannable QR code (faucet to save lots of to photograph library or share), copy hyperlink, native share sheet
- Enable Resharing privateness toggle per challenge
- PDF export: pixel-perfect A4 rendering of the entire story, multi-page, shared natively or downloaded
- Public read-only internet view of each shared challenge (Firebase Internet hosting + /p/ rewrite)
- Save to Assortment from the general public view (requires login, deep-links again into the app)
- Non permanent 24h hyperlinks with expiry badge and automated cleanup
- Good app banner on the internet view guiding guests to open the challenge within the app
- Profile backside sheet with avatar add, alias modifying and account menu
- 6 hand-tuned neumorphic themes: Stone, Mono, Midnight, Snow, Sand and Blush – one-file change to re-skin
- Account settings: change alias, change password, change e mail (Firebase Auth SDK)
- Just lately Deleted / Just lately Eliminated trash with 48h countdown, get well and everlasting delete
- Full account deletion move with identification verification step
- Toast notifications, empty states and refined animations all through
- Standing bar and physique background adapt to the energetic theme
Know-how
- React 18 – UI framework
- Vite 5 – construct tooling
- Tailwind CSS 3 – styling, customized neumorphic design system
- Capacitor 6 – native iOS shell and Digicam plugin
- Firebase Auth SDK – e mail and password authentication (each request authenticated with the consumer’s ID token)
- Cloud Firestore SDK – tasks, visited collections and profiles, protected by strict owner-scoped safety guidelines (firestore.guidelines included)
- Firebase Internet hosting – public share hyperlinks and Apple App Web site Affiliation
- html2canvas + jsPDF – PDF export
- qrcode.react – QR code technology
- lucide-react – icon set
- Minimal iOS deployment goal: 17.0
What the Purchaser Will get
- Full supply code of the online app (React / Vite / Tailwind)
- Prepared-to-build Capacitor iOS challenge (Xcode workspace with CocoaPods)
- App icon and splash property
- documentation.html – step-by-step setup information with screenshots: set up, Firebase configuration, run in simulator, change bundle ID and app title, re-skin the theme, customise, undergo the App Retailer
- Screenshots folder and preview archive
Improvement Disclosure
Parts of this template’s supply code had been developed with AI-assisted instruments. All code has been reviewed, examined and documented by the creator.
A Be aware Earlier than You Purchase
This can be a supply code template, not a compiled app. You will want Xcode, Node.js and primary command line data to construct and customise it. Please learn the documentation earlier than buying and ask any questions by way of the merchandise feedback.
