by mirego


Accent Logo


Build Status Coverage Status Join the chat at

The first developer-oriented translation tool. Accent’s engine coupled with the asynchronous flow between the translator and the developer is what makes Accent the most awesome tool of all.

The Accent API provides a powerful abstraction around the process of translating and maintaining the translations of an app.

  • Collaboration. Centralize your discussions around translations.
  • History. Full history control and actions rollback. Who did what, when.
  • UI. Simple yet powerful UI to enable translator and developer to be productive.
  • GraphQL. The API that powers the UI is open and documented. It’s easy to build a plugin/cli/library around Accent.


Section Description 🚧 Requirements Dependencies required to run Accent’ stack 🎛 Mix commands How to execute mix task with the Twelve-Factor pattern 🏎 Quickstart Steps to run the project, from API to webapp, with or without Docker 🌳 Environment variables Required and optional env var used ✅ Tests How to run the extensive tests suite 🚀 Heroku Easy deployment setup with Heroku 🌎 Contribute How to contribute to this repo

🚧 Requirements

  • erlang ~> 20.1
  • elixir ~> 1.6.0
  • postgres >= 9.4
  • node.js >= 8.5.0
  • libyaml >= 0.1.7

🎛 Executing mix commands

The app is modeled with the Twelve-Factor App architecture, all configurations are stored in the environment.

When executing mix commands, you should always make sure that the required environment variables are present. You can source, use nv or a custom l33t bash script.

Every following steps assume you have this kind of system.

But Accent can be run with default environment variables if you have a PostgreSQL user named postgres listening on port 5432 on localhost.


With nv you inject the environment keys in the context with:

$ nv .env mix <mix command>

🏎 Quickstart

This is the full development setup. To simply run the app, see the Docker instructions

  1. If you don’t already have it, install nodejs with brew install nodejs
  2. If you don’t already have it, install elixir with brew install elixir
  3. If you don’t already have it, install libyaml with brew install libyaml
  4. If you don’t already have it, install postgres with brew install postgres or the Docker setup as described below.
  5. Install dependencies with make dependencies
  6. Create and migrate your database with mix ecto.setup
  7. Start Phoenix endpoint with mix phx.server
  8. Start Ember server with npm run start --prefix webapp

That’s it!


The Makefile should be the main entry for common tasks such as tests, linting, Docker, etc. This simplify the developpement process since you don’t have to search for which service provides which command. mix, npm, prettier, docker, stylelint, etc are all used in the Makefile.


For the production setup, we use Docker to build an OTP release of the app. With docker-compose, you can run the image locally. Here are the steps to have a working app running locally with Docker:

When running the production env, you need to provide a valid GOOGLE_API_CLIENT_ID in the docker-compose.yml file.

  1. Run make build to build the OTP release with Docker
  2. Run make dev-start-postgresql to start an instance of Postgresql. The instance will run on port 5432 with the postgres user. You can change those values in the docker-compose.yml file.
  3. Run make dev-start-application to start the app! The release hook of the release will execute migrations and seeds before starting the webserver on port 4000 (again you can change the settings in docker-compose.yml)

That’s it! You now have a working Accent instance without installing Elixir or Node!

🌳 Environment variables

Accent provides a default value for every required environment variable. This means that with the right PostgreSQL setup, you can just run mix phx.server.

Variable Default Description MIX_ENV dev The application environment (dev, prod, or test) DATABASE_URL postgres://localhost/accent_development A valid database URL CANONICAL_HOST localhost The host that will be used to build internal URLs PORT 4000 A port to run the API on WEBAPP_PORT 4200 A port to run the Webapp on (only used in dev environment) API_HOST http://localhost:4000 The API host API_WS_HOST ws://localhost:4000 The API Websocket host

Production setup

Variable Default Description SENTRY_DSN none The secret Sentry DSN used to collect API runtime errors WEBAPP_SENTRY_DSN none The public Sentry DSN used to collect Webapp runtime errors GOOGLE_API_CLIENT_ID none When deploying in a prod environment, the Google login is the only way to authenticate user. In dev environment, a fake login provider is used so you don’t have to setup a Google app. RESTRICTED_DOMAIN none If specified, only authenticated users from this domain name will be able to create new projects.

Email setup

If you want to send emails, you’ll have to configure the following environment variables:

Variable Default Description WEBAPP_EMAIL_HOST none The Web client’s hostname. Used in the sent emails to link to the right URL. MAILER_FROM none The email address used to send emails. SMTP_ADDRESS none The SMTP server address you want to use to send your emails. SMTP_PORT none The port ex: (25, 465, 587). SMTP_USERNAME none The username for authentification. SMTP_PASSWORD none The password for authentification. SMTP_API_HEADER none An optional API header that will be added to sent emails.

✅ Tests


Accent provides a default value for every required environment variable. This means that with the right PostgreSQL setup (and a few setup commands), you can just run mix test.

$ npm --prefix webapp run build
$ mix run ./priv/repo/seeds.exs
$ mix test

The full check that runs in the CI environment can be executed with ./priv/scripts/

🚀 Deploy on Heroku

An Heroku-compatible app.json makes it easy to deploy the application on Heroku.

Deploy on Heroku

🌎 Contribute

Before opening a pull request, please open an issue first.

Once you’ve made your additions and the test suite passes, go ahead and open a PR!

Don’t forget to run the ./priv/scripts/ script to make sure that the CI build will pass :)



Accent is © 2015-2018 Mirego and may be freely distributed under the New BSD license. See the file.

About Mirego

Mirego is a team of passionate people who believe that work is a place where you can innovate and have fun. We’re a team of talented people who imagine and build beautiful Web and mobile applications. We come together to share ideas and change the world.

We also love open-source software and we try to give back to the community as much as we can.