Here I journal of what I tried to build my trading bot. From my knowledge, I Metatrader 4/5 was the go-to trading platform. However, I have recently discovered Trading View and I like how trading view comes with historical data and is more modern than meta trader. So I decided to build the bot on trading view.
Good design is making something intelligible and memorable. Great design is making something memorable and meaningful.
Dieter Rams
I approach this with some biases and beliefs. You can read about them in the final chapter.
How to write your first code.
First, create a TradingView account. You can start with your 30-day trial. I picked the lowest account. Then navigate to the strategy area.
Markets >Crypt > Ethereum > See more on advanced chart


We will start the code with an existing community code as indicator then turn it into a strategy
Navigate to indicators

then Strategy Tester > Load your strategy
Selecting your first indicators
I had selected a trending indicator that use machine learning and Lorentzian clasification.

Note this will need you to upgrade to the Pro+ plan.
You can try multiple indicators and look at its performance over 1Y / 5Y to see its performance over historical data.


Note this is not a reliable indicator to say for sure how the indicator will perform in the future. See last chapter to learn more.
Converting the indicators into trading code
Click on the source code of the indicator. This will then load the code into the Pine Editor which is Trading Views scripting language and editor.

Make a copy of the code so you can edit it. if you see a lock icon it means you can’t edit it.
You do this by clicking on the title of the code and there will be a pop-up to rename it if you want and save it.

Copy the code into ChatGPT
Change “indicator” to “strategy”
Code Strategy entries for this in pinescript v5.
Enter a long when the price closes above the upper Bollinger Band, and a short when the price closes below the lower Bollinger Band.

Close the long when the short condition is met, and close the short when the long condition is met.
A Guide to Visual Hierarchy
In design, rhythm is created by simply repeating elements in predictable patterns. This repetition is a natural thing that occurs everywhere in our world. As people, we are driven everyday by predictable, timed events.

One of the best ways to use repetition and rhythm in web design is in the site’s navigation menu. A consistent, easy-to-follow pattern—in color.
Breaking Down the Principles of Design
Nobody enjoys looking at an ugly web page. Garish colors, can all turn customers “off” and send them shopping “somewhere else”. Basic composition rules to create more effective:
- Direct the Eye With Leading Lines
- Balance Out Your Elements
- Use Elements That Complement Each Other
- Be clear about your “focal points” and where you place them
The Metaverse shines brightly
UX and UI: Two terms that are often used interchangeably, but actually mean very different things. So what exactly is the difference?
Styles come and go. Good design is a language, not a style.
Massimo Vignelli
UX design refers to the term “user experience design”, while UI stands for “user interface design”. Both elements are crucial to a product and work closely together.
Why Visual Hierarchy Is Important
Good design guides the user by communicating purpose and priority. For that reason, every part of the design should be based on an “informed decision” rather than an arbitrary result of personal taste or the current trend.

Provide distinct styles for interactive elements, such as links and buttons, to make them easy to identify. For example, “change the appearance of links” on mouse hover, “keyboard focus”, and “touch-screen activation”.
My biases and beliefs
Based on the Psychology of money we like to believe that based on historical data allows us to predict and find patterns of what might happen in the future. This is of course not true.
I believe in Ethereum more than Bitcoin which is just a cryptocurrency without smart contracts like Ethereum does. That is why Ethereum is used for NFTs.