guiorozimbo / HappyAnniversaryFlower

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

# 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

About


Languages

Language:SCSS 36.1%Language:CSS 33.2%Language:JavaScript 21.0%Language:HTML 9.7%