Docs
EchoLink, A Messaging App

EchoLink, A Messaging App

An messaging app template built by atomsbox.com that you can customize for your projects.

EchoLink is a messaging app template built by atomsbox.com. It's designed to be easily customizable, allowing developers to quickly bootstrap their messaging apps with a professional look and feel. EchoLink provides a solid foundation with essential features for messaging, including direct messages. Group chats, media attachments, and more will be added soon.

Messaging App App

To discover more about the template, check the template page on atomsbox.com

Project Set-up Checklist

If you want to get started using the template, here's a step-by-step checklist to follow to kickstart the project.

  • Go to atomsbox.com and purchase the codebase.
  • After completing the purchase, you'll receive an email with the download link.
  • Unzip the codebase and open it with Visual Studio Code

You can run the app in development mode straight out the box.

However, to connect with external services (e.g. auth, database, maps, etc), you will have to configure the project. Don't worry, you dont't have to modify the codebase, all these features are already implemented.

You just have to connect the app with your accounts (e.g Firebase, Stripe, etc.), and you can follow the steps described down below.

Bundle ID

The first step is to modify the bundle ID. Each of our template bundle ID starts with "com.atomsbox", our reverse domain name. You'll have to replace it with your own reverse domain name.

In Visual Studio Code:

  • Choose your bundle ID. Use your reverse domain name or whatever identifier you prefer.
  • Search and replace "com.atomsbox." --> How to search and replace in VSC

Environment Variables

EchoLink has two files containing the environment variables:

  • The client-side environment variables are stored in the .env.example (rename it to .env).
  • The server-side environment variables are stored in the api/.env.example (rename it to .env).
# Client-side .env
ANDROID_LOCALHOST_BASE_URL='http://10.0.2.2:8080'
IOS_LOCALHOST_BASE_URL='http://localhost:8080'
BASE_URL='http://localhost:8080'
# Server-side .env
IS_PROD=false
PROJECT_ID=YOUR_FIREBASE_PROJECT_ID_HERE

To complete the list of environment variables, you'll have to configure Firebase.

Follow these steps:

Optional steps: