Flickture
Social photo-sharing web app with authentication, creator discovery, feed exploration, and post publishing powered by Appwrite.
Timeline
3 Weeks
Role
Full Stack Developer
Team
Solo
Status
CompletedTechnology Stack
Key Challenges
- Designing route protection and auth flow across public and private app sections
- Building a responsive feed and profile experience with consistent loading states
- Managing image upload and post lifecycle with backend storage and metadata
- Keeping async data interactions predictable across create, view, save, and explore flows
Key Learnings
- Practical integration of Appwrite services for auth, database, avatars, and storage
- Using React Query to simplify caching and server-state synchronization
- Composing route-based social app features with reusable form and feed components
- Improving user experience with clear loading/error handling in async-heavy interfaces
Flickture: Appwrite-Powered Social Photo Platform
Overview
Flickture is a social web application focused on sharing visual posts, exploring creators, and managing profile-driven interactions in a modern single-page experience.
The product includes dedicated authentication pages and private routes for core app workflows such as feed browsing, profile pages, and post creation.
Product Features
- Sign-up and sign-in authentication flow
- Home feed with recent posts
- Creator discovery and user profile pages
- Post creation and edit flows
- Saved posts and post detail views
Technical Stack
- Frontend: React + TypeScript
- Bundler: Vite
- Routing: React Router
- Server State: TanStack React Query
- Backend Services: Appwrite (Account, Database, Storage, Avatars)
- Styling: Tailwind CSS + component primitives
Architecture Notes
Route-Scoped Layouts
The app separates auth and product areas through dedicated layouts, which keeps onboarding and in-app experiences cleanly isolated.
Query-Driven Data Layer
Feed, users, and profile data are handled through React Query hooks, improving cache consistency and simplifying async UI state management.
Backend as a Service Integration
Appwrite is used as the core backend platform for user identity, post persistence, and media storage, allowing rapid product iteration without custom server setup.
Outcome
Flickture shows a strong social-product foundation with modern frontend architecture, scalable app structure, and practical cloud-backed data flows.