Giter Site home page Giter Site logo

btk / aac-native Goto Github PK

View Code? Open in Web Editor NEW
30.0 7.0 38.0 6.81 MB

Multilangual react native AAC application for autism or non-verbal spectrum.

Home Page: https://www.dreamoriented.org

License: MIT License

JavaScript 97.28% CSS 1.14% HTML 1.58%
react-native aac

aac-native's Introduction

AAC Native

Multilangual react native AAC application for autism or non-verbal spectrum. AAC (Augmentative Alternative Communication) apps help people with autism, special needs or non-verbals. This app is created with picture exchange communication system (PECS) theory.

The Picture Exchange Communication System, or PECS, allows people with little or no communication abilities to communicate using pictures. People using PECS are taught to approach another person and give them a picture of a desired item in exchange for that item.

See the published Android app here.


This project was bootstrapped with Create React Native App.

Below you'll find information about performing common tasks. The most recent version of this guide is available here.

Available Scripts

If Yarn was installed when the project was initialized, then dependencies will have been installed via Yarn, and you should probably use it to run these commands as well. Unlike dependency installation, command running syntax is identical for Yarn and NPM at the time of this writing.

npm start

Runs your app in development mode.

Open it in the Expo app on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal.

Sometimes you may need to reset or clear the React Native packager's cache. To do so, you can pass the --reset-cache flag to the start script:

npm start -- --reset-cache
# or
yarn start -- --reset-cache

npm test

Runs the jest test runner on your tests.

npm run ios

Like npm start, but also attempts to open your app in the iOS Simulator if you're on a Mac and have it installed.

npm run android

Like npm start, but also attempts to open your app on a connected Android device or emulator. Requires an installation of Android build tools (see React Native docs for detailed setup). We also recommend installing Genymotion as your Android emulator. Once you've finished setting up the native build environment, there are two options for making the right copy of adb available to Create React Native App:

Using Android Studio's adb
  1. Make sure that you can run adb from your terminal.
  2. Open Genymotion and navigate to Settings -> ADB. Select “Use custom Android SDK tools” and update with your Android SDK directory.
Using Genymotion's adb
  1. Find Genymotion’s copy of adb. On macOS for example, this is normally /Applications/Genymotion.app/Contents/MacOS/tools/.
  2. Add the Genymotion tools directory to your path (instructions for Mac, Linux, and Windows).
  3. Make sure that you can run adb from your terminal.

npm run web

React Native is awesome, with the help of react-native-web now our project can be rendered on the browser and we can use run a development server while building the application, no need of a phone or an emulator.

aac-native's People

Contributors

aaronmak avatar bebora avatar boccob avatar brunom24 avatar btk avatar egin10 avatar haveneersrobin avatar httpstersk avatar ialixandroae avatar janeliutw avatar june07 avatar lykosis avatar nikitakorba avatar oscodeproject avatar rafa-acioly avatar rame54 avatar romainlq avatar sorija avatar utkarsh-shekhar avatar verginer avatar vinzerious avatar wkillerud avatar yonatanhanan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

aac-native's Issues

🥇 Hacktoberfest: Add language translation for symbol files

Hello!

This app is an open source project, I work on my free time. And the app is published in google play. It is totally free. Basically what this app does is; lists bunch of symbols and people with autism use this app to communicate with their surroundings.

That symbols triggers TTS on press.

But since most of the people with autism can only understand their native language, it is really important for this app to support multiple languages.

If you are a bilingual and want to contribute to this app, you can submit your translations of this app's symbol data.

How To Submit A Translation?

  • For this project
  • Duplicate file /data/card_en.json with your language code (eg: /data/card_es.json)
  • Start translating the cards.

Only translate the title and phrase properties, other properties are used for symbol images etc.

	{
		"type": "card",
		"title": "Grandparents",
		"slug": "grandparents",
		"parents": [
			"people"
		],
		"phrases": [
			{
				"symbol": "hand",
				"phrase": "I love my grandparents"
			},
			{
				"symbol": "hand",
				"phrase": "I want to see my grandparents"
			}
		]
	}

So the properties needed to be translated are these;

	{
		"type": "card",
		"title": "**TRANSLATE_THIS**",
		"slug": "grandparents",
		"parents": [
			"people"
		],
		"phrases": [
			{
				"symbol": "hand",
				"phrase": "**TRANSLATE_THIS**"
			},
			{
				"symbol": "hand",
				"phrase": "**TRANSLATE_THIS**"
			}
		]
	}

I translated English to Turkish and it usually takes about 10 minutes if you are fast at typing :) Think of the people using this app will appreciate you! And also get your hacktoberfest credits in 👍

Current translation status

If you would like to, write a comment and the language you are going to be translating and I add you to the list not to create any conflicts.

Google play link: https://play.google.com/store/apps/details?id=org.dreamoriented.leeloo&hl=en
I will soon publish it to app store also.

Google play link

As mentionned in #2 , the app is published in Google Play. In my opinion, it would be nice to update the README with a link to it.

[edit: fix typo]

fontFamily "rubik" is not a system font and has not been loaded through Font.loadAsync. and Warning: componentWillMount has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.

fontFamily "rubik" is not a system font and has not been loaded through Font.loadAsync. and Warning: componentWillMount has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.

These are the errors that I am getting.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.