You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
`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.
48
48
49
-
##🚀 Demo
49
+
# 🚀 Demo
50
50
Here is a quick demo of the app. We hope you enjoy it.
Liked it? Please give a ⭐️ to <b>TryShape</b> to build its triceps 💪 stronger.
55
55
56
-
##💻 Use TryShape
56
+
# 💻 Use TryShape
57
57
Please access TryShape using the URL:
58
58
59
59
> https://tryshape.vercel.app/
60
60
61
-
##🔥 Features
62
-
`TryShape` comes with a bundle of features to give your creativity a shape. You can do the followings with TryShape,
61
+
# 🔥 Features
62
+
`TryShape` comes with a bundle of features already. You can do the followings with it,
63
63
64
-
### ✅ Listing Shapes
65
-
- List out shapes for you to pick and use.
66
-
### ✅ Create Shapes
64
+
## 🔢 Listing Shapes
65
+
- List out shapes for you to pick and use.
66
+
67
+
## 🏗️ Create Shapes
67
68
- Create any shapes using an intuitive editor.
68
69
- Create Polygonal, Circular, Elliptical shapes without knowing the underlying complexities like CSS clip-path.
69
70
- Add/Remove vertices, join them, drag-drop to position them to create a shape.
70
71
- Provide your choice of colors, add the contextual information as notes while creating the shapes.
71
72
- Are you an expert in CSS clip-path? Great, you can add a clip-path value directly and start from there.
72
73
73
-
### ✅ Controlling the Visibility of Shapes
74
-
- You can create a shape and share with the TryShape community by making it public.
74
+
##📢 Controlling the Visibility of Shapes
75
+
- You can create a shape and share it with the TryShape community by making it public.
75
76
- Do you want to keep your creativity private? No worries, that's possible too.
76
77
77
-
### ✅ Like Shapes
78
-
- 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.
78
+
##💘 Like Shapes
79
+
- 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.
79
80
80
-
### ✅ Export Shapes
81
+
##✨ Export Shapes
81
82
- Export the shapes to use in your application.
82
83
- Export the shapes as PNG, JPEG, and SVG files.
83
-
- Single-Click Copy of the undering CSS and clip-path proprty to use directly into your webapp.
84
+
- Single-Click Copy of the underlying CSS and clip-path property to use directly into your web app.
84
85
85
-
### ✅ Search Shapes
86
+
##🔍 Search Shapes
86
87
- Search a shape with key-in search.
87
88
88
-
### ✅ Sort Shapes
89
+
##🎿 Sort Shapes
89
90
- Sort shapes by, most liked, recent, and oldest.
90
-
### ✅ Authentication & Authorization
91
-
- 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`.
92
-
### ✅ Responsive and Mobile Friendly
93
-
- Use `TryShape` seamlessly from any devices.
94
91
95
-
## 🏗️ How to Set up `TryShape` for Development?
92
+
## 🔑 Authentication & Authorization
93
+
- 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`.
94
+
95
+
## 📱 Responsive and mobile-friendly
96
+
- Use `TryShape` seamlessly from any device.
97
+
98
+
# 🏗️ How to Set up `TryShape` for Development?
96
99
You can run TryShape locally with a few easy steps.
97
100
98
101
1. Clone the repository
@@ -136,7 +139,7 @@ npm run dev # or, yarn dev
136
139
137
140
That's All!!! Now open [localhost:3000](http://localhost:3000/) to see the app.
138
141
139
-
##🍔 Built With
142
+
# 🍔 Built With
140
143
-[Next JS](https://nextjs.org/): The coolest React-based framework on the planet
141
144
-[Harper DB](https://harperdb.io/): A flexible Data Store
142
145
-[react-icons](https://react-icons.github.io/react-icons/): One shop for all the icons
@@ -154,10 +157,10 @@ That's All!!! Now open [localhost:3000](http://localhost:3000/) to see the app.
154
157
-[html-to-image](https://github.com/bubkoo/html-to-image#readme): Converts an HTML element to image
155
158
-[Vercel](http://vercel.com/): Best for Hosting a Next.js app
156
159
157
-
##🛡️ License
160
+
# 🛡️ License
158
161
This project is licensed under the MIT License - see the [`LICENSE`](LICENSE) file for details.
159
162
160
-
##🦄 Upcoming Features
163
+
# 🦄 Upcoming Features
161
164
`TryShape` has all the potentials to grow further. Here are some of the upcoming features planned(not in any order),
162
165
163
166
- ✔️ Add the ability to create shape using SVG elements to support Curvy Node adjustments.
@@ -176,7 +179,7 @@ This project is licensed under the MIT License - see the [`LICENSE`](LICENSE) fi
176
179
177
180
If you find something is missing, `TryShape` is listening. Please create a feature request [from here](https://github.com/TryShape/tryshape/issues/new/choose).
@@ -186,14 +189,14 @@ If you find something is missing, `TryShape` is listening. Please create a featu
186
189
</a>
187
190
188
191
189
-
##🤝 Contributing to `TryShape`
190
-
Any kind of positive contributions are welcome! Please help us to grow by contributing to the project.
192
+
# 🤝 Contributing to `TryShape`
193
+
Any kind of positive contribution is welcome! Please help us to grow by contributing to the project.
191
194
192
195
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.
193
196
194
197
> 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.
195
198
196
-
##🙏 Support
199
+
# 🙏 Support
197
200
198
201
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.
0 commit comments