loading...
Cover image for Find Valid Phone Numbers, Anywhere!

Find Valid Phone Numbers, Anywhere!

ameedjamous profile image Ameed Jamous ・2 min read

This small react project uses TCXC API to get valid phone numbers anywhere in the world. Just pass any country prefix (CC+Area Code) and the API will give you a few random numbers. It'll give you more numbers each time to you click "Get More".

LIVE DEMO: https://tools.telecomsxchange.com

Install & Customize Locally

Backend SERVER APP

Local Setup

  • Clone the project
  • run command: yarn
  • run command: TELE_USER_NAME=BUYERUSERNAME TELE_USER_PASSWORD=API-KEY node app.js
  • run command: yarn start

Deploy to Heorku

  • git clone the repo
  • cd /react-apps-getnumbers
  • create app on heroku http://heroku.com
  • heroku git:remote -a app-name (check this on heroku page)
  • git push heroku master
  • set config vars on heroku

In Terminal:
Command: heroku config:set TELE_USER_NAME={TelecomsXchange Username}
Command: heroku config:set TELE_USER_PASSWORD={TelecomsXChange API Key}

To make sure variables are correct set:

run command: heroku config

FRONTEND APP

  1. create .env by copying .env.example
  2. Set the backend environment variable URl (For the backend)
  • run this command or put this in package.json

Deploy Front end to Netlify

  • cd to the project root
  • Update the .env URL variable to the public backend URL
  • run command: yarn
  • run command: yarn build
  • cd build
  • Deploy to Netlify

Rebranding

To rebrand this app using your logo and own favicon, follow below steps:

  • rename your company logo to logo.png
  • drag and drop it to the src folder
  • generate a favicon from your logo at http://favicon-generator.org
  • download favicon and rename it to favicon.ico
  • drag and drop favicon.ico in /public folder
  • run command: yarn build
  • deploy to Netlify

Posted on by:

ameedjamous profile

Ameed Jamous

@ameedjamous

Founder @TelecomsXChange (TCXC) | Tech Evangelist @Telestax

Discussion

markdown guide