@@ -136,7 +336,7 @@
Recent Designs
- 
+ 
22
Creative Canvas
@@ -147,7 +347,7 @@
+
22
Creative Canvas
Recent Designs
- 
+ 
22
Creative Canvas
@@ -158,7 +358,7 @@
+
22
Creative Canvas
Recent Designs
- 
+ 
22
Creative Canvas
@@ -169,7 +369,7 @@
+
22
Creative Canvas
Recent Designs
- 
+ 
22
Creative Canvas
@@ -180,7 +380,7 @@
+
22
Creative Canvas
Recent Designs
- 
+ 
22
Creative Canvas
@@ -191,7 +391,7 @@
+
22
Creative Canvas
Recent Designs
- 
+ 
22
Creative Canvas
@@ -215,7 +415,7 @@
+
22
Creative Canvas
Latest Blog
- 
+ 
+
@@ -228,7 +428,7 @@
Organizing the environment for productive work
- 
+ 
+
@@ -241,7 +441,7 @@
Enhancing Creativity by Drawing
- 
+ 
+
@@ -254,7 +454,7 @@
Organizing other household stuffs
- 
+ 
+
@@ -267,7 +467,7 @@
Spreading greenery in house
- 
+ 
+
@@ -280,7 +480,7 @@
+
+
-
-
-
-
Organizing the bed
- 
+ 
+
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
new file mode 100644
index 0000000..63e37e0
--- /dev/null
+++ b/CODE_OF_CONDUCT.md
@@ -0,0 +1,94 @@
+# Contributor Covenant Code of Conduct
+
+# Purpose
+
+The purpose of this Code of Conduct is to ensure a positive, respectful, and constructive environment for all contributors to this project. We value the participation of every individual and strive to create an inclusive and harassment-free experience, both within the project spaces and when representing the community in public. We pledge to act in ways that foster an open, welcoming, diverse, inclusive, and professional community.
+
+## Our Pledge
+We as members, contributors, and leaders pledge to make participation in our community a harassment-free experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socioeconomic status, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+We pledge to act and interact in ways that contribute to a respectful, inclusive, and healthy community.
+
+# Our Standards
+
+# Acceptable Behavior
+
+Examples of behavior that contributes to a positive environment for our community include:
+
+* Respectful Communication: Being polite, empathetic, and supportive in all interactions.
+* Inclusivity: Welcoming different perspectives and experiences.
+* Constructive Criticism: Giving and gracefully accepting feedback while focusing on improvements.
+* Accountability: Acknowledging mistakes, apologizing to those affected, and learning from the experience.
+* Community First: Prioritizing what is best for the overall community.
+
+# Unacceptable Behavior
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or advances of any kind.
+* Trolling, insulting, or derogatory comments, and personal or political attacks.
+* Public or private harassment.
+* Publishing others' private information without their explicit permission.
+* Any other conduct that could reasonably be considered inappropriate in a professional setting.
+* Intimidation, threats, or aggressive behavior.
+* Discrimination or exclusion based on individual characteristics.
+
+# Reporting Violations
+If you experience or witness unacceptable behavior, you can report it by submitting a Report:
+
+Email a detailed report to admin.
+
+# Action against Violation
+If any misconduct or violation of rules is found then strict actions will be taken against you and you may be out of this open source contributrions.
+
+# Information to Include:
+
+When submitting a report, include your contact information, a detailed account of the incident (including dates, times, and individuals involved), and any relevant supporting materials.
+Confidentiality Assurance: All reports will be treated confidentially. We prioritize the safety and well-being of everyone involved.
+Enforcement Responsibilities.Community leaders are responsible for clarifying and enforcing our standards of acceptable behavior and will take appropriate and fair corrective action in response to any behavior that they deem inappropriate, threatening, offensive, or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned with this Code of Conduct, and will communicate reasons for moderation decisions when appropriate.
+
+# Enforcement Guidelines
+Community leaders will follow these Community Impact Guidelines to determine the consequences for any action they deem in violation of this Code of Conduct:
+
+1. Correction
+* Community Impact: Minor unprofessional or unwelcome behavior.
+* Consequence: A private written warning from community leaders, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested.
+2. Warning
+* Community Impact: A violation through a single incident or series of actions.
+* Consequence: A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. Violating these terms may lead to a temporary or permanent ban.
+3. Temporary Ban
+* Community Impact: A serious violation of community standards.
+* Consequence: A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban.
+4. Permanent Ban
+* Community Impact: Repeated violations, harassment, or aggression.
+* Consequence: A permanent ban from any sort of public interaction within the community.
+
+## Scope
+
+This Code of Conduct applies within all project spaces, including repositories, issue trackers, chat channels, mailing lists, and any other forms of communication. It also applies when an individual is officially representing the community in public spaces. Examples of representation include using an official e-mail address, posting via an official social media account, or acting as an appointed representative at an event.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor
+Covenant][homepage], version 2.0, available at
+https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
+
+Community Impact Guidelines were inspired by [Mozilla's code of
+conduct enforcement ladder](https://github.com/mozilla/diversity).
+
+[homepage]: https://www.contributor-covenant.org
+
+## Guide for beginner contributor
+If ou are newbie in as a contributor on open source then you can watch our academy videos
+(gssoc.girlscript.tech/gssoc_academy)
+
+For answers to common questions about this code of conduct, see the
+FAQ at https://www.contributor-covenant.org/faq. Translations are
+available at https://www.contributor-covenant.org/translations.
+
+
+## Contact Information
+
+For any questions or further clarification, please contact admin
diff --git a/README.md b/README.md
index a66fc24..799029e 100644
--- a/README.md
+++ b/README.md
@@ -91,6 +91,7 @@
```
├── Blog_page.html
+├── CODE_OF_CONDUCT.md
├── Contributing.md
├── Faq.html
├── LICENSE
@@ -100,22 +101,27 @@
├── blog.html
├── community.html
├── contributors.html
-├── download (1).png
+├── download (1).webp
├── edition.html
-├── feature.png
-├── gssocextd.jpg
-├── hacktoberfest.png
+├── feature.webp
+├── gssocextd.webp
├── index.html
├── login.html
+├── logo4.png
+├── package-lock.json
+├── package.json
├── privacy.html
├── repo_structure.txt
├── repreviewfix.html
├── resources/
│ ├── favicon.ico
-│ └── painting_image.jpg
+│ └── painting_image.webp
├── review.html
├── signup.html
├── src/
+│ ├── Contributor.css
+│ ├── Contributor.html
+│ ├── Contributor.js
│ ├── Scripts/
│ │ ├── BacktoTop.js
│ │ ├── Canvas.js
@@ -165,22 +171,24 @@
│ │ ├── bootstrap.rtl.min.css
│ │ └── bootstrap.rtl.min.css.map
│ └── images/
-│ ├── about-bg.jpg
-│ ├── art-design-1.jpg
-│ ├── art-design-2.jpg
-│ ├── art-design-3.jpg
-│ ├── art-design-4.jpg
-│ ├── art-design-5.jpg
-│ ├── art-design-6.jpg
-│ ├── banner-bg.jpg
-│ ├── blog-p-1.jpg
-│ ├── blog-p-2.jpg
-│ ├── blog-p-3.jpg
-│ ├── blog-p-4.jpg
-│ ├── blog-p-5.jpg
-│ └── blog-p-6.jpg
+│ ├── about-bg.webp
+│ ├── art-design-1.webp
+│ ├── art-design-2.webp
+│ ├── art-design-3.webp
+│ ├── art-design-4.webp
+│ ├── art-design-5.webp
+│ ├── art-design-6.webp
+│ ├── banner-bg.webp
+│ ├── blog-p-1.webp
+│ ├── blog-p-2.webp
+│ ├── blog-p-3.webp
+│ ├── blog-p-4.webp
+│ ├── blog-p-5.webp
+│ └── blog-p-6.webp
├── testimonial.html
├── tutorial.html
+├── visi.css
+├── visi.js
└── welcome.html
```
@@ -326,6 +334,44 @@ git push origin YourBranchName
+## Troubleshooting
+
+### Common Issues
+
+1. **Installation Error: `npm install` fails**
+ - **Symptoms:** Error messages during the installation process.
+ - **Solution:**
+ - Ensure you have the latest version of Node.js and npm installed. You can check your versions using `node -v` and `npm -v`.
+ - Clear the npm cache by running `npm cache clean --force`.
+ - Try deleting the `node_modules` folder and the `package-lock.json` file, then rerun the installation with `npm install`.
+
+2. **Wallet Connection Issues**
+ - **Symptoms:** Unable to connect to MetaMask.
+ - **Solution:**
+ - Verify that MetaMask is installed and enabled in your browser.
+ - Check that you are on the correct network (e.g., Rinkeby) in both your app and MetaMask.
+ - Ensure that your wallet is unlocked. If issues persist, refresh the page or restart your browser.
+
+3. **Smart Contract Deployment Fails**
+ - **Error Message:** `Revert: Contract validation failed`
+ - **Solution:**
+ - Double-check that all contract parameters are accurate and align with your contract’s requirements.
+ - Make sure you have sufficient Ether in your wallet to cover gas fees.
+ - Confirm that you are deploying to the intended network.
+
+### Configuration Issues
+- Ensure that the `.env` file is properly configured with the necessary environment variables, including your Infura Project ID and wallet private key.
+
+### Development Environment
+- Make sure you are using Node.js version **16.x.x** or **18.x.x** and that all required npm packages are installed. You can check your current Node.js version using `node -v`.
+
+### Tips for Optimizing Performance
+- Minimize the number of unnecessary background tasks during deployment to improve efficiency.
+- Monitor gas fees closely and consider deploying during off-peak hours to reduce costs.
+
+### Contact for Support
+If you encounter an issue not listed here, please reach out via [GitHub Issues](https://github.com/vishanurag/Canvas-Editor/issues).
+
## Contributors
diff --git a/about-us.html b/about-us.html
index 3b83827..f08f7a6 100644
--- a/about-us.html
+++ b/about-us.html
@@ -1,189 +1,164 @@
-
+
About Us - Creative Canvas Tool
-
-
+
+
-
-
-
-
-
+
+## Troubleshooting
+
+### Common Issues
+
+1. **Installation Error: `npm install` fails**
+ - **Symptoms:** Error messages during the installation process.
+ - **Solution:**
+ - Ensure you have the latest version of Node.js and npm installed. You can check your versions using `node -v` and `npm -v`.
+ - Clear the npm cache by running `npm cache clean --force`.
+ - Try deleting the `node_modules` folder and the `package-lock.json` file, then rerun the installation with `npm install`.
+
+2. **Wallet Connection Issues**
+ - **Symptoms:** Unable to connect to MetaMask.
+ - **Solution:**
+ - Verify that MetaMask is installed and enabled in your browser.
+ - Check that you are on the correct network (e.g., Rinkeby) in both your app and MetaMask.
+ - Ensure that your wallet is unlocked. If issues persist, refresh the page or restart your browser.
+
+3. **Smart Contract Deployment Fails**
+ - **Error Message:** `Revert: Contract validation failed`
+ - **Solution:**
+ - Double-check that all contract parameters are accurate and align with your contract’s requirements.
+ - Make sure you have sufficient Ether in your wallet to cover gas fees.
+ - Confirm that you are deploying to the intended network.
+
+### Configuration Issues
+- Ensure that the `.env` file is properly configured with the necessary environment variables, including your Infura Project ID and wallet private key.
+
+### Development Environment
+- Make sure you are using Node.js version **16.x.x** or **18.x.x** and that all required npm packages are installed. You can check your current Node.js version using `node -v`.
+
+### Tips for Optimizing Performance
+- Minimize the number of unnecessary background tasks during deployment to improve efficiency.
+- Monitor gas fees closely and consider deploying during off-peak hours to reduce costs.
+
+### Contact for Support
+If you encounter an issue not listed here, please reach out via [GitHub Issues](https://github.com/vishanurag/Canvas-Editor/issues).
+
## Contributors
diff --git a/about-us.html b/about-us.html
index 3b83827..f08f7a6 100644
--- a/about-us.html
+++ b/about-us.html
@@ -1,189 +1,164 @@
-
+
@@ -1135,12 +713,72 @@ ![]()
Creative Canvas Tool
+
+
+ Welcome to the Canvas Editor!
Creative Canvas Tool
+ ![]()
+ Creative Canvas Tool
+
+
Design and create stunning visuals effortlessly!
+
+
Welcome to the Canvas Editor!
@@ -1203,12 +841,13 @@Welcome to the Canvas Editor!
-
-
Draw Here
+ Draw Here !!!
+ +
@@ -1248,6 +887,7 @@
+