peterparkk25 / fluency

Capstone | Fluency

Mobile translation app for daily use.

Created by a team of four developers during the Software Engineering program at Fullstack Academy, Fluency is a React Native app that allows users to capture image text or manually type text, and translate it into a language of choice. The application can further read aloud your translated text.

It was exciting to build a native iOS application, and learn the syntax to fetch the Google APIs. We learned a lot about the complexities of rendering a functional and user-friendly phone application without a database. We enjoyed this learning process, and are happy to have you try out the application.

Tech Stack

• React Native - a framework for building native mobile apps using React.
• React Hooks - state-management React upgrade for functional components.
• Expo - a framework and platform for universal React applications.
• Node.js - a JS runtime environment
• Google Cloud Vision API - a service that allows text extraction from an image
• Google Cloud Translation API - a multilingual service delivering real-time text translation
• Expo Speech - a service that allows text-to-speech implementation.

Short video walkthrough

Installation

• You may need to install Xcode for running a simulator

• Fork and clone this repo

• npm install

• npm install --global expo-cli to install your local Expo CLI

• establish a Google Cloud project and enable the Google Vision and Google Cloud APIs saving your credentials into a config/environment.js (be sure to gitignore this config folder)

• npm start to launch the app

• click “Run on iOS simulator” or scan the QR code on your iOS device to use the app

Developers

• Rasheeda Salaam
• Hannah G Kim
• Margarita Danshina
• Peter Park