Activity

Avantika

Shipped this project!

Hours: 3.0
Cookies: 🍪 15
Multiplier: 5.01 cookies/hr

This is a simple yet effective tour guide website of the Germany. It has many ammenties that allow you to learn a lot about the country or if you are traveling there, you can gain some knowledge about the tourist and also what to expect when traveling there. This is a project that I make with predominantly HTML and CSS, but it does include various pages such as a travel guide, options for attraction to visit, and a main page to learn about Germany and its culture. I also included a navigation bar which allows you to move swiftly between pages. I wasn’t very familiar with the nav bar when I first started this project, but as I worked in it, I got to familiarize myself. Overall, it was a great learning experience, but I hope to do more complex projects in the future! Hope you enjoy!

Avantika

This is a project that I make with predominantly HTML and CSS, but it does include various pages such as a travel guide, options for attraction to visit, and a main page to learn about Germany and its culture. I also included a navigation bar which allows you to move swiftly between pages.
I included recommondation for popular destinations for tourism such as the famous Neuschwanstein Castle and other historically rich places that are highly viewed and visited in Germany. Although there are a lot of detailed recommondations, I also included things to be aware of when you are traveling. I make a list of before-travel necessities, such as preparing your visa and passport for a smooth travel. On top of that, I also added certain things you should know when you get to Germany to avoid awkward interactions! There are also lots of images that allows you to really envision the beauty of Germany. I included an image of each of the tourist attractions that were mentioned which allow you to picture the place you will be visiting. I also included an interactive map of Germany for easy access. Hope you enjoy!

Attachment
0
Avantika

I first created the basic HTML that will serve as a base for this clicker game. I made it all in one page so it is easy to navigate and you can just scroll down to get to the rest of the game’s functions. I then added lots of CSS to make the website pop and give it structure. I added lots of shadows, animations, and different color gradients to really make my game stand out. I then moved on to the trickiest part, which is the JavaScript. I had first defined all the clicker functions and made sure all the buttons could do their function. After that I had to work on the crafting and selling station, which took quite a bit of trial and error, but I eventually got it. I then got the idea to create a reset button jsut in case the player wants to restart the game. Since the game is stored locally, it didn’t take much work to create the reset button. Lastly, just for extra fun I wanted to do particles in the background that would fall depending on the season. For example, winter would be snowflakes, fall is leaves, etc. After adding this last touch I basically was finished, so I make last minute touches and deployed my project on Github! Hope you enjoy! (This has a little bit of AI, but I used it mainly for the animation and learning how to do the checkered pattern)

Attachment
1

Comments

Ryan Chen
Ryan Chen about 2 months ago

Erm, I was wondering, if you could fix some bugs, as in the current demo, when I got enough cookies to expand the cat cafe, it would not let me, and nothing would happen.