About

mktbots.com is a website I created for my Mario Kart Tour Discord bots. The website collectively shows the highlighted features for each bot, and more importantly, contains detailed documentation of every command available.

How was it built?

The website was built using only HTML, CSS, and Vanilla JavaScript. The reason for not using a library or framework was to gain experience building a large project with only HTML and CSS, and this allows me to be familiar with them in a more fundamental level.

Challenges faced

The biggest challenge was making the pages both desktop and mobile friendly. It is straightforward to implement the desktop layout. However, for mobile devices, I had to make sure everything was scaled correctly.

Another challenge I had was making the navigation bar responsive for both desktop and mobile layouts. For the desktop version, I made the navbar contain three categories: "Home", "Commands," and "Resources". Then, when a user hovers over them, a list of sections appear. For the mobile version, I made a Hamburger Menu where it displays all the categories as well as all the sections at once, and this was primarily because I wanted to minimize the number of taps required to navigate to different pages.