Mixed Messages

This project is a simple web application that generates random messages combining different elements like astrological signs, fortunes, and advice. It was developed independently, covering all aspects of the project including backend development, frontend design, data management, and testing.

Project Structure

The project consists of three main files and an optional one:

• index.html - The HTML structure of the web page.
• styles.css - The CSS styling for the web page.
• script.js - The JavaScript logic for generating and displaying random messages.
• MixedMessages.js - Optional file: The standalone "script.js" if not needed to be implemented in a HTML file.

How to Run the Project

1. Clone the Repository:

   git clone https://github.com/Cody2612/mixed-messages.git
   

2. Navigate to the Project Directory:

   cd mixed-messages
   

3. Open the index.html File in a Web Browser:

   open index.html
   
   

Alternatively, you can double-click the index.html file to open it in your default web browser.

File Descriptions

index.html

This file contains the structure of the web page, including a heading, a div to display the generated message, and a button to generate a new message.

styles.css

This file includes the styling for the web page, making it visually appealing with a centered layout, styled button, and message display area.

script.js

This file contains the JavaScript logic for generating random messages. It defines the collectiveWisdom object, functions to generate random numbers, and the logic to generate and display the message when the button is clicked.

Features

• Random Message Generation: Each time the button is clicked, a new message is generated using random elements from predefined categories.
• User-Friendly Interface: Simple and intuitive UI with a button to generate messages and a display area for the output.
• Expandable Data Sets: The collectiveWisdom object can be easily expanded with more elements for greater variety in messages.