Build a coin flipping game using HTML, CSS, and JavaScript to practice your web development skills. Test your knowledge of HTML and CSS syntax while incorporating JavaScript to create an interactive game.
- Create a web page that allows users to flip a virtual coin.
- Display the result of the coin flip (heads or tails) on the page.
- Add a button that triggers the coin flip when clicked.
- Style the web page according to the design.
- Use JavaScript to handle the logic of the coin flip and update the page accordingly.
- Deploy the website to make it accessible for everyone.
- Vite
- BEM and CUBE CSS
- fontsource fonts:
- List of fonts used in the project
WIP
WIP
To clone and run this application, you'll need Git, Node.js and pnpm installed on your computer. From your command line:
# clone this repository
git clone https://github.com/Hdoc1509/dev-challenges
# install all required dependencies
cd dev-challenges
pnpm install --filter "@hdoc/dev-challenges" --filter "flip-the-coin"...
# run dev-server
cd "vanilla/flip-the-coin"
pnpm run dev --open