Skip to content

This is a redesign of my Battleship game (also on my GitHUb). I combined a JavaScript, HTML, and CSS file with a TypeScript Express backend to add a Leaderboard page to view all user scores stored in MongoDB.

Notifications You must be signed in to change notification settings

nickldimartino/battleship-two

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Battleship 2

📝 Description

This is a bonus project that is a redesign of my first project for General Assembly. It takes my first game of Battleship and converts it into a an Express app using a TypeScript server. Users can now sign in and play the game of Battleship. The game will increment a score, wins, losses, and games played for each user. There is now a Leaderbord page to display all users' scores. The user with the highest score will be at the top. For more information regarding the first project, see this GitHub repo.

🖼️ Screenshots

📊 Gameplay
Description Screenshot

Primary Theme

Classic Theme

Leaderboard

💻 Technologies Used

JavaScript TypeScript Express Node TS-NODE MongoDB HTML5 CSS3 Git Postman Axios Markdown Github Heroku VSCode Ubuntu Windows

⚛️ Getting Started

📲 Instructions

How to Play the Game
  1. Navigate to the nav bar on the top of the screen and click "Play Game".

  2. Game is set for two players. Click the "Computer Player" button if you wish to play against to the computer.

  3. Place your boats using the rules in the top-left of the screen.

  4. Take turns guessing the other player's ships. The first person to hit all other their opponent's boats (17 squares) wins! Select "New Game" to play again.

  5. The theme of the game, audio, and board switch delay can be modified.

Viewing the Leaderboards
  1. Navigate to the nav bar on the top of the screen and click "Leaderboards".

  2. A list of the players that have played the game will be displayed here. The score is based on the number of hits and wins a player has.

🔗 Links

Deployed Link (Heroku)

https://battleship-two-404cb7137cf0.herokuapp.com/

Note: A security risk screen may appear. This can be bypassed using the "details" button and "continue to site anyway" link.

Original GitHub Code from Battleship 1

https://github.com/nickldimartino/Battleship-Game

⏭️ Next Steps

  • Find and fix possible bugs
  • Refactor code
  • Enhance the computer AI to make more knowledgable guesses

About

This is a redesign of my Battleship game (also on my GitHUb). I combined a JavaScript, HTML, and CSS file with a TypeScript Express backend to add a Leaderboard page to view all user scores stored in MongoDB.

Topics

Resources

Stars

Watchers

Forks