# Sunflower Animation
This project showcases an elegant sunflower animation crafted using HTML, SCSS, and JavaScript.
## Table of Contents
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation Guide](#installation-guide)
- [Running the SCSS File](#running-the-scss-file)
- [Screenshots](#screenshots)
- [Questions and Support](#questions-and-support)
## Getting Started
### Prerequisites
Ensure you have the following prerequisites installed before starting:
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/) (Node Package Manager)
### Installation Guide
1. **Clone the Repository:**
```bash
git clone https://github.com/your-username/sunflower-animation.git
1. Navigate to the project directory.
```bash
cd sunflower-animation
2. Install the required dependencies.
```bash
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:
```bash
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](https://nodejs.org/en/) Downloads.
## Screenshots
![Screenshot 2023-11-14 132825](https://github.com/sreyounpann/HappyAnniversaryFlower/assets/83297826/6391701d-7f5c-4671-bde0-05726ca08085)
![Screenshot 2023-11-14 132856](https://github.com/sreyounpann/HappyAnniversaryFlower/assets/83297826/8c052831-cf84-49e1-8c03-86f758389c07)
## Questions and Support
If you have any questions or encounter issues, feel free to reach out to me on Instagram [yeowdoingood](https://www.instagram.com/yeowdoingood/).
Feel free to copy and paste this into your [README file](README.md)!
# HappyAnniversaryFlower