Nora's Arcade

Play different variaties of music while enjoying a game of snake all in the comfort of one website.

Comment

Inspiration: What inspired me to make this website was the fact that I realized how irritating it was to have to continually switch playlists on a separate tab when I was playing Snake because I am picky with the music I listen to. It was a major inconvenience because I just wanted to spend as much time as I could playing Snake, but having to switch tabs to Spotify and choosing playlists continually, etc. wasn't very fun, and it took up time from me playing Snake. So I created Nora's Arcade. To be at the comfort of one whole website so it wouldn't take up so much time having to continually switch tabs and search up the playlists I wanted to listen to.

What it does: You can press the homepage to access all the buttons for different varieties of music and a game of snake. When you press, for example, the clean pop music button, you can either choose the song of your choice in the playlist or shuffle it and it'll play while you are playing the game snake. No need to click off on another tab, just conveniently press the button for whatever variety of music you wish to listen to.

How I built it: I used Codepen.com to layout all the HTML and CSS coding that was needed to build up the buttons and the dropbox, then I inputted it onto atom to turn it into a website. For HTML, that's where I lay out the buttons, music playlists, and the game of snake. In CSS, I styled it to my liking like the background color.

Challenges I ran into Putting in a dropbox for each button and then having to implement a Spotify playlist in the dropbox. Also, I really couldn't decide on the background color, and although it may sound a bit silly, it was very much a big challenge because I wanted it to be a neutral mood, but not white. I wanted the user to feel welcomed when coming onto my website because my #1 priority was making sure the user experience was positive and easy to navigate and use.

Accomplishments that I'm proud of: Implementing the snake game onto my code and making the Spotify playlist in the dropbox.

What I learned: I learned more about how to implement a variety of factors into CSS and also how to style my buttons and color the background.

What's next for Nora's Arcade: I will continue implementing more games in the future like battleship and tic tac toe. Also, it would be fantastic if I could design/implement in a game like Fortnite, CSGO, League of Legends, etc. into my website. Another factor I'd like to add in would be to implement UberEats onto my website so users can order food while playing Snake/other games and listen to music all in the comfort of one site. In a sense, it's like an internet cafe, so you have someone delivering food to you, and you can order on the same page as you are playing your game.

The research behind it: Although this idea inspiration came from the problems I faced, the research behind internet/cyber cafes played a crucial role in my web development. By taking in the concept of cybercafes where you sit down, play video games, and eat all at the same time with some the highest wifi speeds out there, it shows how convenient not only for gamers but for those who are in the computer science/tech field in general, who may need the high-speed wifi to access their emails, code, a convenient place, etc. because not everyone may have one nearby them. This is why I implemented a website where you can game, listen to music, and hopefully in the future order off restaurants to have food delivered right to your door. Although you may not be physically there, the idea of having everything in one accessible place is really what makes this website successful. Lastly, it is still in its early stages of development so therefore, I hope to continue to implement new codes and see if I could work with those who are already in the tech industry and get the connections I need to truly make this website as successful, user-friendly, and convenient as possible because I believe with a site like this, it'll truly make an impact in the gaming world.

Built With

Share this project:

Updates