sreyounpann / HappyAnniversaryFlower

This Sunflower Project with animation for click more to see more flower pop up

Sunflower Animation

This project showcases an elegant sunflower animation crafted using HTML, SCSS, and JavaScript.

Table of Contents

• Getting Started
  • Prerequisites
  • Installation Guide
  • Running the SCSS File
  • Screenshots
• Questions and Support

Getting Started

Prerequisites

Ensure you have the following prerequisites installed before starting:

• Node.js
• npm (Node Package Manager)

Installation Guide

1. Clone the Repository:

   git clone https://github.com/your-username/sunflower-animation.git
   

2. Navigate to the project directory.

   cd sunflower-animation
   

3. Install the required dependencies.

   npm install

Running the SCSS File

 To compile the SCSS file to CSS, follow these steps.

1. Open a terminal in the project directory.
2. Run the following command:

   npm run sass
   

This will use the "Live Sass Compiler" configured in the project to watch for changes in the SCSS file and compile it to CSS.

3.Live Compilation: Any changes made to the SCSS file will be automatically compiled to CSS.

Note: Ensure you have Node.js and npm installed before running the commands above.

If you haven't installed "Live Sass Compiler" in your code editor, please install it to enable live compilation of SCSS to CSS.

For more information on installing Node.js and npm, visit Node.js Downloads.

Screenshots

Questions and Support

If you have any questions or encounter issues, feel free to reach out to me on Instagram yeowdoingood. Feel free to copy and paste this into your README file!