https://github.com/alejandroq12/blackjack-js
Blackjack is a project designed to simulate the classic card game against a computer opponent. The primary objective of this project is to provide a practical framework for enhancing JavaScript coding skills through the development and implementation of game mechanics and logic.
https://github.com/alejandroq12/blackjack-js
bootstrap css html javascript
Last synced: 2 months ago
JSON representation
Blackjack is a project designed to simulate the classic card game against a computer opponent. The primary objective of this project is to provide a practical framework for enhancing JavaScript coding skills through the development and implementation of game mechanics and logic.
- Host: GitHub
- URL: https://github.com/alejandroq12/blackjack-js
- Owner: Alejandroq12
- License: mit
- Created: 2024-04-08T20:35:39.000Z (about 1 year ago)
- Default Branch: dev
- Last Pushed: 2024-06-22T00:11:56.000Z (10 months ago)
- Last Synced: 2025-01-08T10:45:50.014Z (4 months ago)
- Topics: bootstrap, css, html, javascript
- Language: JavaScript
- Homepage:
- Size: 3.22 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Blackjack
# 📗 Table of Contents
- [📗 Table of Contents](#-table-of-contents)
- [📖 Blackjack ](#-blackjack-)
- [🛠 Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [🚀 Live Demo ](#-live-demo-)
- [💻 Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors ](#-authors-)
- [🔭 Future Features ](#-future-features-)
- [🤝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [🙏 Acknowledgments ](#-acknowledgments-)
- [❓ FAQ (OPTIONAL) ](#-faq-optional-)
- [📝 License ](#-license-)
Blackjack is a project designed to simulate the classic card game against a computer opponent. The primary objective of this project is to provide a practical framework for enhancing JavaScript coding skills through the development and implementation of game mechanics and logic.
Client
- **To be able to play against the computer.**
- **Fully randomly generated cards.**
It will be available soon.
- [Live Demo Link]()
To get a local copy up and running, follow these steps:
### Prerequisites
In order to run this project you need:
1. A web browser to see the website.
2. And a code editor if you want to edit the code. For example, Vs Code.
### Setup
Clone this repository to your desired folder:
1. Clone it using your terminal:
```
git clone https://github.com/Alejandroq12/blackjack-js.git
```
2. If the previous method does not work you may also download the repo as a .zip file and once you decompress the .zip file you are ready to use it.
Important: do not forget to clone the repo in the correct folder, probably you will use the following commands to achieve that in your terminal:
1. To navigate a certain folder:
```
cd
```
2. To navigate to the previous folder:
```
cd ..
```
### Install
Install this project with:
1. To see this project you will not need to install something else.
2. But in case you want to test the linter that I configured to check errors you will have to complete the following steps:
Run the command to install all necessary dependencies (including linters):
```
npm install
```
3. If you run npm install do not forget to create a .gitignore file to prevent the node_modules to be uploaded to GitHub:
```
.gitignore
node_modules/
```
### Usage
To see this project you will only need to:
1. Open the index.html file with a web browser.
### Run tests
1. Make sure all the linters and their configurations are installed and set up correctly in your project. If you haven't installed them yet, run `npm install` in your project directory to install the packages listed in your `package.json` file.
2. Run each linter with the following commands:
- For ESLint:
```
npx eslint .
```
- For Stylelint:
```
npx stylelint "**/*.{css,scss}"
```
- For hint:
```
npx hint .
```
3. Review the output of each linter and fix any issues reported.
### Deployment
You can deploy this project using GitHub pages:
1. Log in to your GitHub account and navigate to the repository that contains your website files.
2. Make sure that your website files are located in the main branch and in the root directory of the repository.
3. If your website is not already live, make sure that the index.html file is the main page of your website.
4. Click on the "Settings" tab in your repository.
5. Scroll down to the "GitHub Pages" section.
6. In the "Source" dropdown menu, select the branch where your website files are located. For a simple website with only HTML and CSS, this is typically the main branch.
7. In the "Path" field, make sure that the root directory is specified (i.e., "/").
8. Click "Save" to generate your website.
9. Wait a few minutes for GitHub to build and deploy your website.
10. Once the website is deployed, visit the GitHub Pages URL to view your site.
👤 **Julio Quezada**
- GitHub: [Alejandroq12](https://github.com/Alejandroq12)
- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)
- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)
- Portfolio: [Julio Quezada](https://quezadajulio.com/)
- [ ] **I will add a multiplayer option.**
- [ ] **I will add media queries for larger screens.**
- [ ] **I will optimize code.**
- [ ] **I will deploy on GitHub pages.**
- [ ] **I will use modules and Vite.**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project please give a star.
Thanks in advance.
I would like to thank all the people out there uploading content to get better at coding. You are the best.
- **What I learned:**
- **Array Manipulation:** I gained proficiency in manipulating arrays, enabling me to efficiently manage and process data within my project.
- **DOM Manipulation:** I acquired skills in manipulating the Document Object Model (DOM), which allowed me to dynamically update the content, structure, and style of the webpage.
- **Event Handling:** I learned to handle user interactions through event listeners, facilitating a responsive and interactive user experience.
- **Enhanced Logical Thinking:** This project further developed my logical thinking capabilities, improving my ability to solve problems and implement solutions effectively.
This project is [MIT](./LICENSE) licensed.