All right, so now let's begin building our custom token.
Now to start, I want you to head over to the current lessons, course resources and download the starting
project.
So it should be something called token zip.
And once it's downloaded, go ahead and unzip the folder and open up the project inside the code.
Now, here, you'll notice that I've already set up the project for React Development, so I've added
the RTS config file and I've also modify the Webpack configs.
Now in addition, I've added some dependencies into the packaged JSON which will get built when we run
NPM install.
And also I've already created some of the assets such as the Con and also the React components that
we're going to be working with and building out.
So essentially we've got this react frontend with a blank Internet computer mutoko backend and we're
going to be working on this in the coming lessons.
But because we've already covered some of the configuration and a lot of the boring stuff, I didn't
want you to repeat that over and over again.
So to save time, I've really created some of the barebones sort of HTML and cc for you so that we can
work on the interesting things, which is working with the blockchain and also writing the JavaScript
code and Mutoko code.
This project was actually inspired by curve finance.
Curve is what's called an automated market maker.
It's really popular and used a lot for people to exchange stablecoins and it's used really heavily by
people within the sort of web3 blockchain community.
And the reason why I really like it is because it has this really old school kind of nineties design
feel like you're working on some sort of old Macintosh.
And I basically taken a lot of this design inspiration and built the frontend for our website, which
is going to be called Deserve instead of Curve.
And I want to show you how this looks.
But in order to do that, we have to actually build it and be able to run it locally on local host.
So go ahead and open up a new terminal and use DFA start to start a new local simulated ICP blockchain.
And once that's done, let's go ahead and split out another screen.
And in this one, we're going to run NPM install.
And this is going to take everything that's inside our package, JSON, everything that I've specified
as a dependency or a dev dependency.
And it's going to fetch that from the Internet and install it for us.
So that's going to take a little while.
And it might be worth grabbing a cup of tea, depending on how fast your Internet and your computer
runs.
Now fast forward to the video there for you, just so that you don't have to sit here and wait for my
packages to install.
But at the end of it you should see that we've added something like 1447 packages and they will go into
the node modules.
And these are a lot of the things that are required by the definitive modules or some of the things
that we're going to be using later on as well.
In order to authenticate our users, log in.
Users also a lot of react dependencies and that kind of stuff.
So if you've seen some of these warnings in your installation about deprecation, don't worry about
it too much because I've specified the required version numbers.
You'll probably also see some deprecation here, but just be.
Rest assured, it's all going to work just fine.
And a lot of this is very minor.
Like the material UI icons might have changed to add UI icons, but it really won't affect our website
or our security or anything at all.
Now that we've done that, the next thing we have to do is to go ahead and deploy our website.
Now you'll notice that in our main memo I've deleted all the starter code in there, so there's not
much going on there.
But we do need to do ADF deploy in order to build some of those declarations and other files in order
for the back end to understand what's going on the front end and some of that configuration for you
to complete.
So splitting out another terminal we're going to do ADF deploy and this is going to create our wallet
canister, it's going to build our canister and install it onto this locally running ICP blockchain.
And as it's doing that, you'll see a dest folder being bill declarations folder being built.
And then once that's done and you see deployed canisters, then we can finally go ahead and run AMPM
start and once we hit enter we'll be able to head over to the local host, which is local host AT&T.
Or you can actually scroll up a little bit and you'll see local host AT&T here, which you can simply
copy and paste into the browser here.
You should be able to see the frontend load up.
So we've got our deserve website instead of curve.
We've got our faucet, which is where people are going to be able to claim some of our tokens for free.
And then we've got a check balance section where we can check a account's balance.
And finally we have a transfer section where we can transfer to another account some of our custom tokens.
Make sure that you're following to the step that everything is up and running without any errors in
the console.
And if you have any problems, then be sure to look back at the video and trace the steps one by one
to see if you can get to this step.
Once everybody is all here, then head over to the next lesson.
We're going to get started building out the check balance functionality on the back end and tying it
up with the frontend.
So all of that and we'll I'll see you on the next lesson.