Video Diary

A React Native application that enables users to select and crop videos for their personal video diary.

• TypeScript - JavaScript with syntax for types
• React Native - Framework for building native apps
• Expo - Platform for universal native apps
• Expo Router - File-based routing for Expo
• Expo SQLite - Local database storage
• Expo Video - Video playback component
• TanStack Query - Powerful data synchronization
• NativeWind - Tailwind CSS for React Native
• Zod - TypeScript-first schema validation
• FFmpeg - Video processing library

• yarn - Package manager
• watchman - File watching service
• pod - CocoaPods dependency manager
• Android Studio - Android development environment
• Xcode - iOS development environment
• Java OpenJDK - Java Development Kit (version 11 or newer)
• iOS Simulator
• Android Emulator (configured in Android Studio)

Since this project uses FFmpeg with native modules, prebuild is required.

git clone git@github.com:dorukozerr/video-diary.git &&
cd video-diary &&
yarn &&
npx expo prebuild &&
cd ios &&
pod install &&
cd .. &&
yarn ios

git clone git@github.com:dorukozerr/video-diary.git &&
cd video-diary &&
yarn &&
npx expo prebuild &&
yarn android

There is a current limitation where video file URIs become invalid after restarting the development server. This occurs because the application folder paths may change between builds, causing the saved video URIs to point to incorrect locations. When developing locally, be aware that you may need to re-create entries after restarting the development server. This issue is being investigated.