Home

Awesome

<div align="center"> <h1>:crossed_swords: TAVERN BRAWL :crossed_swords:</h1> <h3><a href="https://steviemilitello.github.io/tavern-brawl/">https://steviemilitello.github.io/tavern-brawl/</a></h3> <a href="http://steviecodes.com" target="_blank"> <img src="https://img.shields.io/badge/-Portfolio_-darkgreen?style=for-the-badge&logo=medium"/> </a> <a href="https://www.linkedin.com/in/stevie-militello/" target="_blank"> <img src="https://img.shields.io/badge/-Linkedin-blue?style=for-the-badge&``logo=Linkedin&logoColor=white"> </a> <a href="mailto:steviemilitello@gmail.com" target="_blank"> <img src="https://img.shields.io/badge/-Email-c14438?style=for-the-badge&logo=Gmail&``logoColor=white"> </a> </div> <h1>:dagger: Description</h1> <p>Tavern Brawl is a Fantasy Choose Your Own Adventure game with branching paths. When the player clicks a button, it allows them to make a choice on which direction they want the story to go.</p> <h1> :atom_symbol: Getting Started </h1> <h3> :calling: Install Instructions </h3> <details open> <summary>Installation</summary> <p></p> <ul> <li>Fork and Clone this Repo</li> <li>Copy the path to <code>index.html</code> and paste it in your browser to run</li> </ul> </details> <p></p> <h3>How to Use </h3> <details open> <summary>How to Play the Game</summary> <ul> <p></p> <li>Click Begin to start the game</li> <li>Click the buttons and make your choices</li> <li>At the end, the game will tell you whether you have won or lost</li> <li>*See <a href="QUESTS.md">QUESTS.md</a> for a list of branching paths</li> </ul> </details> <h1>:framed_picture: Screenshots</h1> <details> <summary> :art: Wireframes</summary><br />
DescriptionScreenshot
<h3 align="center">Game Page 1</h3><img src="https://i.imgur.com/2RoXJET.png" width="700"/>
<h3 align="center">Game Page 2</h3><img src="https://i.imgur.com/ab0BSdw.png" width="700">
</details> <details open> <summary> :gear: Functionality</summary><br />
DescriptionScreenshot
<h3 align="center">Home Page</h3><img src="https://i.imgur.com/faNN2o0.png" width="700"/>
<h3 align="center">Game Page</h3><img src="https://i.imgur.com/gpmnxje.png" width="700">
<h3 align="center">End Page</h3><img src="https://i.imgur.com/RUUPZ4O.png" width="700">
</details> <p></p> <h1>:bust_in_silhouette: User Story</h1> <ul> <li>As a user they want to able to click a button and make a choice </li> <li>They want to be able to have a branching path based on that choice </li> <li>They want to have rewards or consequences based on the choice </li> <li>The user wants a way to win at the game</li> </ul> <h1>:computer: Technologies Used</h1>

HTML5 CSS3 JavaScript

<h1>:fast_forward: Next Steps</h1>