Advanced Dice Game - FreeCodeCamp Project

This project is a solution to the Build an Advanced Dice Game Project on FreeCodeCamp. The Project involves creating a web-based dice game with multiple rounds and scoring based on dice outcomes.

Table of Contents

• Overview
  • The Project
  • Screenshot
  • Links
• My Process
  • Built With
  • What I Learned
  • Continued Development
  • Useful Resources
• Author
• Acknowledgments

Overview

The Project

The goal of this Project is to build a web-based dice game where players roll dice to score points based on different combinations. The game includes:

• Dice Rolling: Roll up to five dice with each click.
• Score Options: Score points based on combinations such as three of a kind, four of a kind, full house, small straight, and large straight.
• Rounds: The game consists of six rounds, with players able to roll the dice three times per round.
• Scoring and History: Track and display the total score and history of scores achieved.

Screenshot

Links

• Live Demo: View the Advanced Dice Game

My Process

Built With

• HTML5 for the page structure and layout.
• CSS3 for styling and responsive design.
• JavaScript (ES6) for implementing game logic, dice rolling, score calculations, and event handling.

What I Learned

Working on this project improved my skills in:

• Game Logic: Implementing game rules and scoring mechanisms.
• DOM Manipulation: Dynamically updating the UI based on user actions and game state.
• Event Handling: Managing user interactions such as dice rolling and score selection.
• Algorithmic Thinking: Designing and applying algorithms to detect dice combinations and calculate scores.

Continued Development

Future enhancements for this project could include:

• Enhanced User Interface: Improving the visual design and user experience.
• Additional Features: Introducing more scoring options or game variations.
• Mobile Responsiveness: Optimizing the game for better performance on mobile devices.

Useful Resources

• MDN Web Docs - JavaScript - Comprehensive guide to JavaScript, including ES6 features.
• CSS Tricks - Flexbox - Guide on using Flexbox for layout design.
• JavaScript.info - DOM Manipulation - Detailed overview of manipulating the DOM with JavaScript.

Author

• LinkedIn - Yashi Singh

Acknowledgments

A big thank you to FreeCodeCamp for providing this Project, which allowed me to apply and enhance my JavaScript and web development skills. Special thanks to the coding community and online resources that provided support and inspiration throughout the project.