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/Faq.html b/Faq.html
index be06390..3f54a5f 100644
--- a/Faq.html
+++ b/Faq.html
@@ -15,7 +15,6 @@
* {
box-sizing: border-box;
- overflow: hidden;
&::before,
&::after {
box-sizing: border-box;
@@ -32,6 +31,14 @@
flex-direction: column;
min-height: 100vh;
max-width:100vw;
+ overflow-y: hidden;
+ }
+
+ /* Media query for mobile */
+ @media (max-width: 768px) {
+ body {
+ overflow-y: scroll; /* Enable vertical scrolling on mobile */
+ }
}
.container {
@@ -501,6 +508,15 @@
Frequently Asked Questions
// Start the animation
animateCircles();
+
+
+
diff --git a/README.md b/README.md
index a66fc24..ed8f304 100644
--- a/README.md
+++ b/README.md
@@ -91,6 +91,7 @@
```
├── Blog_page.html
+├── CODE_OF_CONDUCT.md
├── Contributing.md
├── Faq.html
├── LICENSE
@@ -107,6 +108,7 @@
├── hacktoberfest.png
├── index.html
├── login.html
+├── logo4.png
├── privacy.html
├── repo_structure.txt
├── repreviewfix.html
@@ -116,6 +118,9 @@
├── review.html
├── signup.html
├── src/
+│ ├── Contributor.css
+│ ├── Contributor.html
+│ ├── Contributor.js
│ ├── Scripts/
│ │ ├── BacktoTop.js
│ │ ├── Canvas.js
@@ -181,6 +186,8 @@
│ └── blog-p-6.jpg
├── testimonial.html
├── tutorial.html
+├── visi.css
+├── visi.js
└── welcome.html
```
@@ -326,6 +333,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 a78315f..c5fa5e5 100644
--- a/about-us.html
+++ b/about-us.html
@@ -1,150 +1,115 @@
-
+
About Us - Creative Canvas Tool
-
-
-
-
-
-
-
-
-
-
+
+
+
-
@@ -202,366 +167,56 @@
About Creative Canvas Tool
Creative Canvas Tool is designed to empower artists of all skill levels, offering an intuitive platform that transforms ideas into stunning digital artwork. With a wide range of brushes, colors, and textures at your fingertips, you can easily explore your creativity and experiment with different styles. Whether you're sketching a concept or finalizing a masterpiece, our user-friendly interface ensures a seamless experience, allowing you to focus on what matters most—your art.
+
+
+
+
+
+
+
About Creative Canvas Tool
+
+
+ Creative Canvas Tool empowers artists of all skill levels with an intuitive platform to transform ideas into stunning digital artwork. With a wide range of brushes, colors, and textures, you can easily explore your creativity and experiment with different styles. Our user-friendly interface ensures a seamless experience, allowing you to focus on what matters most—your art.
-
- Our Tool not only offers powerful creation tools but also fosters a vibrant community for artists to share their work, seek feedback, and collaborate. Engage in challenges and participate in workshops to enhance your skills. With regular updates and new features, our platform continually evolves to meet the needs of both budding talents and seasoned professionals.
-
-
+
-
-
-
-
-
-
-
Our Mission
-
- To empower creativity by making digital art accessible to everyone, fostering a global community of artists and innovators.
-
-
-
-
-
-
-
Our Story
-
- Founded in 2024, Creative Canvas Tool emerged from a passion project to revolutionize digital artistry, growing into a vibrant platform used by artists worldwide.
-
-
-
+
+
+ Our tool not only offers powerful creation tools but also fosters a vibrant community for artists to share their work, seek feedback, and collaborate. Engage in challenges and participate in workshops to enhance your skills. With regular updates and new features, our platform evolves to meet the needs of both budding talents and seasoned professionals.
+
-
-
-
-
-
Our Team
-
-
+
Our Mission
+
+ To empower creativity by making digital art accessible to everyone, fostering a global community of artists and innovators.
+
+
Our Story
+
+ Founded in 2024, Creative Canvas Tool emerged from a passion project to revolutionize digital artistry, growing into a vibrant platform used by artists worldwide.
+
+
Our Team
+
-
Anurag
-
Founder & Lead Developer
-
-
-
-
-
Somyadip Ghosh
-
Project Mentor
+
Anurag
+
Founder & Lead Developer
-
-
-
-
-
-
-
-
-
-
-
-
-
Join Our Community
-
- Be part of our growing community of artists. Share your
- creations, get inspired, and connect with fellow creatives
- from around the world.
-
- Creativity is the spark that ignites new ideas, opens doors to innovation, and breaks through the ordinary. Whether you’re developing a new business strategy, designing a website, or even cooking a meal, creativity plays a significant role in shaping outcomes.
While creativity helps you generate ideas, critical thinking helps you refine them. The ability to analyze, evaluate, and improve your ideas ensures that they are not only innovative but also practical and applicable learning new skills, or analyzing complex problems sharpens your thinking abilities.
-
-
Knowledge is the foundation of both creativity and critical thinking. The more you know, the better equipped you are to solve problems, innovate, and make informed decisions. Continuous learning ensures that we stay relevant in a world that is constantly evolving.