revd

This project demonstrates a simple animation built using JavaScript for logic and SCSS for styling.

Description

The animation simulates a continuously looping dance pad with multiple 3x3 grids. Each grid dynamically changes colors, ensuring no two adjacent squares display the same color at the same time.

Technologies Used

• JavaScript: For animation logic and DOM manipulation.
• SCSS (Sass): For CSS preprocessing and styling.

How to Run

This project uses JavaScript modules and requires a local web server.

1. Using http-server

1. Ensure you have Node.js and npm installed: https://nodejs.org/.

2. Install http-server globally:

   npm install -g http-server
   

3. Navigate to the project directory:

   cd revd
   

4. Start the server:

   http-server
   

5. Open your browser:

   Go to http://127.0.0.1:8080.

2. Using VS Code with Live Server

• Install Visual Studio Code.
• Install the Live Server extension.
• Open the project folder in VS Code.
• Start Live Server by clicking the "Go Live" button in the bottom right corner of the VS Code window.