This is a React Native mobile app built with Expo Router for navigation and NativeWind for styling. The app is called "MemoryLog" - a photo journaling application where users can create memory snippets with images, captions, and emojis.
- Expo Router 5.0 - File-based routing system
- NativeWind - Tailwind CSS for React Native styling
- Firebase - Authentication and backend services
- React Native Modalize - Modal components for creating new snippets
- Expo Image Picker - For selecting photos from device
app/- Contains all routes and screens using Expo Router file-based routing_layout.js- Root layout with gesture handler setupindex.js- Main screen with MemoryLog componentfirebase.js- Firebase configuration and initialization
assets/- Static assets (images, icons)tailwind.config.js- Tailwind configuration for NativeWind
- Photo journaling with image upload capability
- Caption text input (limited to 50 characters)
- Emoji selection for memory categorization
- Modal-based snippet creation interface
- Gradient text branding using MaskedView and LinearGradient
The app uses NativeWind (Tailwind CSS for React Native) with a dark theme:
- Primary colors: Blue (#3b82f6) and Purple (#8b5cf6) gradients
- Dark background: Gray-900 (#1f2937)
- Text colors: Gray-100 for primary text, Gray-400 for secondary
- Uses Expo SDK 53 with new architecture enabled
- TypeScript support configured but files are currently in JavaScript
- Gesture handling setup in root layout for modal interactions
- Responsive design with conditional rendering based on screen width
This project is published through github releases. Download the .apk file or scan the QR code below. Please note that most of the testing was done on an Android phone, meaning iOS may have some minor (or major) UI and/or functionality issues; sorry. Also note that since this project was estimated to take 100 hours (for Neighborhood) and had to be cut short, some features are not implemented (firebase auth, backend, database). Thanks!
