Dream Journal

React Native app using Expo and react-native-voice implementing speech-to-text functionality

Features

• Custom Splash Screen
• A microphone button to start and stop recording
• A text area to display the transcribed text
• Haptics and animations on buttons
• Button to copy to clipboard the transcription
• A clear button to reset the screen and allow a new recording

Run expo link – only for iOS Simulators

Download from this link

To run this build on your local simulator, download the build, unzip it, then drag it onto a simulator. Video example

Run Locally

Clone the project

  git clone git@github.com:MarcosVel/dream-journal-poc.git

Go to the project directory

  cd dream-journal-poc

Open on VSCode

  code .

Install dependencies

  yarn

First install on device

used expo prebuild to config @react-native-voice/voice

  npx expo run:ios

Start the server once it's installed

  npx expo start

EAS build

To build with expo eas installing on iOS Simulator

  eas build --platform ios --profile ios-simulator

Tech Stack

• Expo: Simplifies development, testing, and deployment with built-in tools and libraries
• Reanimated: Smooth and performant animations
• expo-haptics: Improves interaction by adding tactile feedback – only works on physical devices
• expo-splash-screen: Ensures a professional app launch experience with controlled splash screens
• @react-native-voice/voice: Enables voice input and live transcription
• expo-dev-client: Facilitates native development and debugging without needing a full rebuild