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
- create .env by copying .env.example
- 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
Top comments (1)
Hope I will not being hacked by someone if I access this website? This still looks weird, so if I will have one of these number, people will be able to
find a location of my device ?
Some comments may only be visible to logged-in visitors. Sign in to view all comments.