Merge remote-tracking branch 'origin/main' into issue-58-clip-path-without-spaces-do-not-render-DraggableVertices

Author: williamzhu17

.all-contributorsrc

@@ -0,0 +1,56 @@
+{
+  "files": [
+    "README.md"
+  ],
+  "imageSize": 100,
+  "commit": false,
+  "contributors": [
+    {
+      "login": "atapas",
+      "name": "Tapas Adhikary",
+      "avatar_url": "https://avatars.githubusercontent.com/u/3633137?v=4",
+      "profile": "https://tapasadhikary.com",
+      "contributions": [
+        "code",
+        "infra",
+        "test"
+      ]
+    },
+    {
+      "login": "nirmalkc",
+      "name": "Nirmal Kumar",
+      "avatar_url": "https://avatars.githubusercontent.com/u/6359059?v=4",
+      "profile": "https://github.com/nirmalkc",
+      "contributions": [
+        "test",
+        "code"
+      ]
+    },
+    {
+      "login": "williamzhu17",
+      "name": "William Zhu",
+      "avatar_url": "https://avatars.githubusercontent.com/u/77871333?v=4",
+      "profile": "https://github.com/williamzhu17",
+      "contributions": [
+        "test",
+        "code"
+      ]
+    },
+    {
+      "login": "saviomartin",
+      "name": "Savio Martin",
+      "avatar_url": "https://avatars.githubusercontent.com/u/61895712?v=4",
+      "profile": "https://savio.xyz/",
+      "contributions": [
+        "test",
+        "code"
+      ]
+    }
+  ],
+  "contributorsPerLine": 7,
+  "projectName": "tryshape",
+  "projectOwner": "TryShape",
+  "repoType": "github",
+  "repoHost": "https://github.com",
+  "skipCi": true
+}

CONTRIBUTING.md

@@ -0,0 +1,92 @@
+# Contributing
+
+When contributing to this repository, please first discuss the change you wish to make via issue,
+email, or any other method with the owners of this repository before making a change. 
+
+Please note we have a code of conduct, please follow it in all your interactions with the project.
+
+## Pull Request Process
+
+1. Ensure any install or build dependencies are removed before the end of the layer when doing a 
+   build.
+2. Update the README.md with details of changes to the interface, this includes new environment 
+   variables, exposed ports, useful file locations and container parameters.
+3. Increase the version numbers in any examples files and the README.md to the new version that this
+   Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/).
+4. You may merge the Pull Request in once you have the sign-off of two other developers, or if you 
+   do not have permission to do that, you may request the second reviewer to merge it for you.
+
+## Code of Conduct
+
+### Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as
+contributors and maintainers pledge to making participation in our project and
+our community a harassment-free experience for everyone, regardless of age, body
+size, disability, ethnicity, gender identity and expression, level of experience,
+nationality, personal appearance, race, religion, or sexual identity and
+orientation.
+
+### Our Standards
+
+Examples of behavior that contributes to creating a positive environment
+include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or
+advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+### Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable
+behavior and are expected to take appropriate and fair corrective action in
+response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+### Scope
+
+This Code of Conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community. Examples of
+representing a project or community include using an official project e-mail
+address, posting via an official social media account, or acting as an appointed
+representative at an online or offline event. Representation of a project may be
+further defined and clarified by project maintainers.
+
+### Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting the project team at [[email protected]]([email protected]). All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. The project team is
+obligated to maintain confidentiality with regard to the reporter of an incident.
+Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good
+faith may face temporary or permanent repercussions as determined by other
+members of the project's leadership.
+
+### Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
+available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/4/

README.md

@@ -1,11 +1,16 @@
 
-
+<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
+[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-)
+<!-- ALL-CONTRIBUTORS-BADGE:END -->
 <p align="center">
     <a href="https://tryshape.vercel.app/" target="_blank">
         <img src="./public/readme/TryShape-GitHub-icon-only.png" alt="logo" width="125"/>
     </a>
 
 <p/>
+<p align="center">
+<img src="./public/readme/tryshape-text-transparent.png" alt="name"/>
+<p/>
 
 <h4 align="center">Create, Export, Share, and Use any Shapes of your choice.</h4>
 
@@ -37,7 +42,7 @@
     <a href="https://github.com/TryShape/tryshape/issues/new/choose">Request Feature</a>
 </p>
 
-## 👋 Introducing `TryShape`
+# 👋 Introducing `TryShape`
 <p align="center">
     <a href="https://tryshape.vercel.app" target="blank"/>
         <img src="./public/readme/landing.png" alt="landing" />
@@ -46,53 +51,56 @@
 
 `TryShape` is an opensource platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.
 
-## 🚀 Demo
+# 🚀 Demo
 Here is a quick demo of the app. We hope you enjoy it.
 
 > [The Demo Link](https://www.youtube.com/watch?v=CB9xkhzkrYE)
 
 Liked it? Please give a ⭐️ to <b>TryShape</b> to build its triceps 💪 stronger.
 
-## 💻 Use TryShape
+# 💻 Use TryShape
 Please access TryShape using the URL:
 
 > https://tryshape.vercel.app/
 
-## 🔥 Features
-`TryShape` comes with a bundle of features to give your creativity a shape. You can do the followings with TryShape,
+# 🔥 Features
+`TryShape` comes with a bundle of features already. You can do the followings with it,
 
-### ✅ Listing Shapes
-- List out shapes for you to pick and use.
-### ✅ Create Shapes
+## 🔢 Listing Shapes
+ - List out shapes for you to pick and use.
+
+## 🏗️ Create Shapes
 - Create any shapes using an intuitive editor.
 - Create Polygonal, Circular, Elliptical shapes without knowing the underlying complexities like CSS clip-path.
 - Add/Remove vertices, join them, drag-drop to position them to create a shape.
 - Provide your choice of colors, add the contextual information as notes while creating the shapes.
 - Are you an expert in CSS clip-path? Great, you can add a clip-path value directly and start from there.
 
-### ✅ Controlling the Visibility of Shapes
-- You can create a shape and share with the TryShape community by making it public.
+## 📢 Controlling the Visibility of Shapes
+- You can create a shape and share it with the TryShape community by making it public.
 - Do you want to keep your creativity private? No worries, that's possible too.
 
-### ✅ Like Shapes
-- Liked a shape and want to to add it to your shape collection? You can do that just with a click. Want to undo? That's supported as well.
+## 💘 Like Shapes
+- Liked a shape and want to add it to your shape collection? You can do that just with a click. Want to undo? That's supported as well.
 
-### ✅ Export Shapes
+## ✨ Export Shapes
 - Export the shapes to use in your application.
 - Export the shapes as PNG, JPEG, and SVG files.
-- Single-Click Copy of the undering CSS and clip-path proprty to use directly into your webapp.
+- Single-Click Copy of the underlying CSS and clip-path property to use directly into your web app.
 
-### ✅ Search Shapes
+## 🔍 Search Shapes
 - Search a shape with key-in search.
 
-### ✅ Sort Shapes
+## 🎿 Sort Shapes
 - Sort shapes by, most liked, recent, and oldest.
-### ✅ Authentication & Authorization
-- Features like export, like, create, edit shapes need you to autheticate with the app. You can use your Gmail or GitHub credntials to authenticate to the app. It is secured and powered by `Google Firebase`.
-### ✅ Responsive and Mobile Friendly
-- Use `TryShape` seamlessly from any devices.
 
-## 🏗️ How to Set up `TryShape` for Development?
+## 🔑 Authentication & Authorization
+- Features like export, like, create, edit shapes need you to authenticate with the app. You can use your Gmail or GitHub credentials to authenticate to the app. It is secured and powered by `Google Firebase`.
+
+## 📱 Responsive and mobile-friendly
+- Use `TryShape` seamlessly from any device.
+
+# 🏗️ How to Set up `TryShape` for Development?
 You can run TryShape locally with a few easy steps.
 
 1. Clone the repository
@@ -136,7 +144,7 @@ npm run dev # or, yarn dev
 
 That's All!!! Now open [localhost:3000](http://localhost:3000/) to see the app.
 
-## 🍔 Built With
+# 🍔 Built With
 - [Next JS](https://nextjs.org/): The coolest React-based framework on the planet
 - [Harper DB](https://harperdb.io/): A flexible Data Store
 - [react-icons](https://react-icons.github.io/react-icons/): One shop for all the icons
@@ -154,10 +162,10 @@ That's All!!! Now open [localhost:3000](http://localhost:3000/) to see the app.
 - [html-to-image](https://github.com/bubkoo/html-to-image#readme): Converts an HTML element to image
 - [Vercel](http://vercel.com/): Best for Hosting a Next.js app
 
-## 🛡️ License
+# 🛡️ License
 This project is licensed under the MIT License - see the [`LICENSE`](LICENSE) file for details.
 
-## 🦄 Upcoming Features
+# 🦄 Upcoming Features
 `TryShape` has all the potentials to grow further. Here are some of the upcoming features planned(not in any order),
 
 - ✔️ Add the ability to create shape using SVG elements to support Curvy Node adjustments.
@@ -176,7 +184,7 @@ This project is licensed under the MIT License - see the [`LICENSE`](LICENSE) fi
 
 If you find something is missing, `TryShape` is listening. Please create a feature request [from here](https://github.com/TryShape/tryshape/issues/new/choose).
 
-## 🏃‍♀️ Deploy
+# 🏃‍♀️ Deploy
 
 <a href="https://vercel.com/new/project?template=https://github.com/TryShape/tryshape">
 <img src="https://vercel.com/button" height="37.5px" />
@@ -186,14 +194,14 @@ If you find something is missing, `TryShape` is listening. Please create a featu
 </a>
 
 
-## 🤝 Contributing to `TryShape`
-Any kind of positive contributions are welcome! Please help us to grow by contributing to the project.
+# 🤝 Contributing to `TryShape`
+Any kind of positive contribution is welcome! Please help us to grow by contributing to the project.
 
 If you wish to contribute, you can work on any features [listed here](https://github.com/TryShape/tryshape#-upcoming-features) or create one on your own. After adding your code, please send us a Pull Request.
 
 > Please read [`CONTRIBUTING`](CONTRIBUTING.md) for details on our [`CODE OF CONDUCT`](CODE_OF_CONDUCT.md), and the process for submitting pull requests to us.
 
-## 🙏 Support
+# 🙏 Support
 
 We all need support and motivation. `TryShape` is not an exception. Please give this project a ⭐️ to encourage and show that you liked it. Don't forget to leave a star ⭐️ before you move away.
 
@@ -209,3 +217,26 @@ If you found the app helpful, consider supporting us with a coffee.
 A ⭐️ to <b>TryShape</b> is to build its triceps 💪 stronger.
 </h3>
 
+
+## Contributors ✨
+
+Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
+
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<table>
+  <tr>
+    <td align="center"><a href="https://tapasadhikary.com"><img src="https://avatars.githubusercontent.com/u/3633137?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tapas Adhikary</b></sub></a><br /><a href="https://github.com/TryShape/tryshape/commits?author=atapas" title="Code">💻</a> <a href="#infra-atapas" title="Infrastructure (Hosting, Build-Tools, etc)">🚇</a> <a href="https://github.com/TryShape/tryshape/commits?author=atapas" title="Tests">⚠️</a></td>
+    <td align="center"><a href="https://github.com/nirmalkc"><img src="https://avatars.githubusercontent.com/u/6359059?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Nirmal Kumar</b></sub></a><br /><a href="https://github.com/TryShape/tryshape/commits?author=nirmalkc" title="Tests">⚠️</a> <a href="https://github.com/TryShape/tryshape/commits?author=nirmalkc" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/williamzhu17"><img src="https://avatars.githubusercontent.com/u/77871333?v=4?s=100" width="100px;" alt=""/><br /><sub><b>William Zhu</b></sub></a><br /><a href="https://github.com/TryShape/tryshape/commits?author=williamzhu17" title="Tests">⚠️</a> <a href="https://github.com/TryShape/tryshape/commits?author=williamzhu17" title="Code">💻</a></td>
+    <td align="center"><a href="https://savio.xyz/"><img src="https://avatars.githubusercontent.com/u/61895712?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Savio Martin</b></sub></a><br /><a href="https://github.com/TryShape/tryshape/commits?author=saviomartin" title="Tests">⚠️</a> <a href="https://github.com/TryShape/tryshape/commits?author=saviomartin" title="Code">💻</a></td>
+  </tr>
+</table>
+
+<!-- markdownlint-restore -->
+<!-- prettier-ignore-end -->
+
+<!-- ALL-CONTRIBUTORS-LIST:END -->
+
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!