wp-sms / message-button

Message Button

This project is a simple chat box with different themes implemented using Gulp, and SCSS.

Features

• Minimalistic chat box interface
• Gulp for task automation
• SCSS for styling

Requirements

• Node.js and npm installed
• Gulp installed globally (npm install -g gulp)

Getting Started

1. Clone the repository: git clone https://github.com/wp-sms/message-button.git
2. Install dependencies: npm install

Project Structure

• assets/js: JavaScript files built with Gulp.
• assets/css: CSS files built with Gulp.
• assets/img: Image directory.
• assets/src/scss: SCSS styles that Gulp processes.
• assets/src/js: JavaScript files that Gulp processes.
• index.html: Main HTML file.
• Theme Files:
  • blue.html
  • blue-gradient.html
  • gray.html
  • green.html

Demos

Explore different themes with the following demo links:

• Green Theme
• Blue Theme
• Gray Theme
• Blue Gradient Theme

Usage

To run the project locally, use the following commands:

1. Run Gulp for development (watches for changes and compiles SCSS): gulp
2. Open index.html in your browser.
3. Explore different themes by opening the corresponding theme files.