Create Your Own Bitcoin (BTC) Exchange in 1 Hour! - YouTube

Hey guys! this is Karolis! I am a software engineer at n.exchange

For those who are not familiar with us, we are a fairly new (we've launched on September 2017)

cryptocurrency exchange. we hold zero balance and we have really strong values

of transparency and openness. As a result, as you might already know, we decided to

make our front end open source and our back-end open for anybody to use. You

can find our front end on GitHub. Just copy this URL I will also

put it in my description (of the video). as you can see it's written in react but if you don't know react don't worry.

For the basic changes for your own exchange, you don't really have to know react

you can just change it's like changing at HTML

but if you want to do any more complicated modifications you might want to take a course in react

or learn how Redux and react work in general.

we also have an open back-end API which you can find if you go to our website and click on API Docs

it will get you to our documentation

it's in 'apiary'. You can see all the endpoints here so let's see this one

it allows it to get all the currencies which we exchange or they get the latest ticker,

which shows you the latest price of a given pair. So let's say if you trade

Bitcoin for Litecoin it will show you what each Bitcoin is worth in Litecoin.

Probably, the most interesting endpoint for you is the referrals endpoint -

which allows you to set your own referral fee and get your own referral code.

I will show you how it works later but now that we have our front-end open-sourced and ready,

and we have a back-end where you can set your own referrals

you can set up your own exchange in less than one hour(I hope)

and I will show you how to do it in this tutorial. So let's get started -

So, we will start setting up the exchange by cloning our front-end repository

you can find the link for our GitHub repository in the description

I also assume that you know what 'git' and what cloning means - and

If you do let's copy the URL and clone the project. Just like that!

So, While it downloads let me quickly show you what is the basic structure of our project.

We have the 'config' directory, it contains the basic configuration files for 'webpack.js'

and for testing - just basic configuration. The 'public' folder contains all the publicly accessible assets

like favicons, index.html file in the scripts.

We just have three files 'test', 'build' and I forgot - and 'start' so we suggest NPM

scripts which you type in your terminal like 'npm start' and it will start the

project, so you are not going to have to change that at all and then we have this

source (src) directory which is where you're gonna spend the most of your time - most

likely - we have these 'actions' and 'reducers' folders which the logic for the

redux stuff then we have this 'components' directory for the react components. We

have a 'css' - which has a lot of files split based on the component and it's

written in 'scss' but you can always change that - and then we have a 'fonts'

images(img) and we have this JavaScript (js) folder which contains the libraries - on

which- some of the libraries - on which the project depends - which are not installed

as 'npm modules'. So that's kind of it let's see if the project has been -

downloaded - yes it has so the next step is to download

- now the next step is to go into our 'repository' and install all the

dependencies on which the project depends on(npm install changed to yarn install) It doesn't have that many - it's

just basically 'babel.js' for transpilation. 'axios' for HTTP transmission - like

making HTTP requests 'jQuery', 'lodash' 'moment.js ' for dealing with dates just the

basic stuff and the 'Redux' off course. So it will take some time to install. So let

me get back to you once that's done. Okay so all the 'npm modules' have been

installed - and here we can see this 'node- modules' directory - so now what we can do

is actually start our project and see how it works. So it's still loading - why

is it still loading? Okay here we are so it's basically what you should see is almost

the same as on what you can see if you go to nexchange.io (n.exchange) because it's

basically - it's the same so you probably want to delete all these and

change 'About us'. You might want to change the background picture, change the

description, the logo you might want to change your FAQ. So let me show you how

to do that. So, In order to change the content like the 'About' section or images

and stuff like that - We need to open the code for our Repository. So let's

navigate there. Okay, here we go and as I mentioned previously all the

React components are located at the 'source' and then at the 'components' folder

and as you can see there are a lot of them and I try to name them as

descriptive as possible - so let's say 'About' for the 'About Us' section the

component is called 'About' and you can see right here the content for - we don't

have any sophisticated CMS at the moment (content management system) - we just hard

code our content like that and this is what you can do as well. So let's say

instead of nexchange (n.exchange) you can put funchange or something like that, and then

you can obviously delete all these team members because we are not going to be a

part of your team - but you can always change the name like the title, the

country and add with social links. But for now I am just going to delete them

and that's it. Let's see how that looks - Yeah - so the same for the FAQ section

let's see here we go - there's a lot of questions and answers here. You can delete

any of them, which you don't need and you can add any of them, which you think

would be useful. So this is how it goes for a background picture you can go to

'hero.js' - which is the component that contains this entire section and

the hero image - let's see you can inspect - you can inspect where the image is set

it's set in the #hero and that's gonna be contained in the 'hero.scss'

file and then you can change the background picture here - which is located

in the images directory. So obviously you're gonna need some CSS some HTML

skills - but this is nothing extraordinary and nothing that you cannot figure out

especially if you have some background in programming. So I think this is all

I'm going to show you in terms of the Front End. Now let's get

started with the Back End. So in regards the Back End - the main thing we want to

discuss is how to obtain your own 'Referral token' and how to use that in

your own Exchange! - so the way we have done it for now is that you have to make

an order of any size so I'm buying some Ether with Bitcoin. I execute that order

and then if you scroll down you can see this referral link you can send this

link to your friends and if they use it and make a 'order' later you will get a

commission fee - But you can also copy this part, so basically anything after

ref equals '=' and then if you search for 'fileconfig.js' you will see this

'referral' code key and at the moment it's null but you can set it to your own

'Referral Code'. So now any time Back End makes a call like if you if the Front

End makes a call to the Back End - yeah it will also always add this referral

code and then our Back End can check if the referral code is set and if it is it

can accumulate your Commission. To see how that works - let's go to 'Referrals.js'

and here in this part we are checking if 'config.REFERRAL_CODE ' is set and if

it is, we use it we set the header to 'x-referral-token' and then we execute our

Ajax request. You don't have to understand how it works - but to put it

short - if you set the referral code in your configuration file anytime the

front-end makes an HTTP request - it will attach this referral token header.

Now let's discuss shortly how the Commissions work. For September (2017) since we

are newly opened. Any time a new user makes a transaction you're gonna

get a commission of $5! - but after that you will be able to set

your own fees on top of our base fees - and the planned base fees at the moment

are 0.5%. So you can add anything on top of that and then you will get paid and

you will get paid to whatever wallet you set as a withdraw address in your

transaction. So let's say if our transaction was this and you set and you

got the 'referral token' from here and you set the destination address as this

then any time we want to pay out the Commission we will send it to this

address in Ether. So if you want to get paid in Bitcoin you should buy some

Bitcoin from us so that the receive address is Bitcoin address. I hope that's

clear and if you have any questions let me know in the comments. If this tutorial

gets more popular - we will make a new version perhaps more more like advanced

more comprehensive. We will go through perhaps more detail in how everything

works. Now the only step left for you to have your own exchange is to set it up -

to set up a domain. So all you need to do is set up this entire repository

somewhere on the server. What you will have to do is run 'npm run build' and copy

paste the files and that's it. It's really really simple so I hope you liked

it and I'll see you next time!