Alphabet Soup Creator

This is a Vue.js component that displays a grid of cells and allows users to interact with a Direction Modal for each cell.

Features

• Display a grid of cells.
• Show a Direction Modal when a cell is clicked.
• Select a direction from the modal.
• Hide the modal when clicking outside.
• Vue.js component structure for easy integration.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js and npm (or Yarn) must be installed on your machine.

Installation

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Usage

• Click on a grid cell to open the Direction Modal.
• Choose a direction from the modal.
• Click outside the modal to close it.

Contributing

Contributions are welcome! Feel free to open a pull request for any improvements or bug fixes.

License

This project is licensed under the GNU License.

Contact

If you have any questions or suggestions, feel free to reach out to me at https://sperea.es/about