Skip to content

Commit 13c754d

Browse files
committed
updated Readme
1 parent 737f5a1 commit 13c754d

1 file changed

Lines changed: 32 additions & 27 deletions

File tree

README.md

Lines changed: 32 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
<p align="center">
22
<a href="https://tryshape.vercel.app/">
3-
<img src="https://res.cloudinary.com/atapas/image/upload/v1624866501/demos/tryshape_xpzie7.png" alt="logo" width="125"/>
3+
<img src="https://res.cloudinary.com/atapas/image/upload/v1624874245/demos/TryShape-GitHub-icon-only_lwjrc3.png" alt="logo" width="125"/>
44
</a>
5+
<span style="display: block;font-size: 50px;color: #9740DD">TryShape</span>
56
<p/>
67

78
<h4 align="center">Create, Export, Share, and Use any Shapes of your choice.</h4>
@@ -34,61 +35,65 @@
3435
<a href="https://github.com/TryShape/tryshape/issues/new/choose">Request Feature</a>
3536
</p>
3637

37-
## Introducing TryShape
38+
## 👋 Introducing `TryShape`
3839
`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.
3940

40-
## Demo
41-
TBA
41+
## 🚀 Demo
42+
<p align="center">
43+
<a href="https://tryshape.vercel.app/">
44+
<img src="https://res.cloudinary.com/atapas/image/upload/v1624874245/demos/TryShape-GitHub-text_ktweay.png">
45+
</a>
46+
</p>
4247

43-
## What's In TryShape
48+
## 🔥 Features
4449
`TryShape` comes with a bundle of features to give your creativity a shape. You can do the followings with TryShape,
45-
### Create Shapes
50+
### Create Shapes
4651
- Create any shapes using an intuitive editor.
4752
- Create Polygonal, Circular, Elliptical shapes without knowing the underlying complexities like CSS clip-path.
4853
- Add/Remove vertices, join them, drag-drop to position them to create a shape.
4954
- Provide your choice of colors, add the contextual information as notes while creating the shapes.
5055
- Are you an expert in CSS clip-path? Great, you can add a clip-path value directly and start from there.
5156

52-
### Controlling the Visibility of Shapes
57+
### Controlling the Visibility of Shapes
5358
- You can create a shape and share with the TryShape community by making it public.
5459
- Do you want to keep your creativity private? No worries, that's possible too.
5560

56-
### Like Shapes
61+
### Like Shapes
5762
- 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.
5863

59-
### Export Shapes
64+
### Export Shapes
6065
- Export the shapes to use in your application.
6166
- Export the shapes as PNG, JPEG, and SVG files.
6267
- Single-Click Copy of the undering CSS and clip-path proprty to use directly into your webapp.
6368

64-
### Search Shapes
69+
### Search Shapes
6570
- Search a shape with key-in search.
6671

67-
### Sort Shapes
72+
### Sort Shapes
6873
- Sort shapes by, most liked, recent, and oldest.
69-
### Authentication & Authorization
74+
### Authentication & Authorization
7075
- 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`.
7176

72-
## How to Set up TryShape for Development?
77+
## 🏗️ How to Set up `TryShape` for Development?
7378
TBA
7479

75-
## Upcoming Features
80+
## 🦄 Upcoming Features
7681
`TryShape` has all the potentials to grow further. Here are some of the upcoming features planned(not in any order),
7782

78-
- Add the ability to create shape using SVG elements to support Curvy Node adjustments.
79-
- Manage your shape collection
80-
- Show Trending shapes
81-
- Import shapes
82-
- Following a contributor.
83-
- PWA(Progressive Web App)
84-
- Accessibility improvements
85-
- Flexible Datastore
86-
- Better Performance
87-
- Tagging a shape
88-
- Provide comment on a shape.
89-
- More authetication mechanisms like twitter, facebook, etc.
83+
- ✔️ Add the ability to create shape using SVG elements to support Curvy Node adjustments.
84+
- ✔️ Manage your shape collection
85+
- ✔️ Show Trending shapes
86+
- ✔️ Import shapes
87+
- ✔️ Following a contributor.
88+
- ✔️ PWA(Progressive Web App)
89+
- ✔️ Accessibility improvements
90+
- ✔️ Flexible Datastore
91+
- ✔️ Better Performance
92+
- ✔️ Tagging a shape
93+
- ✔️ Provide comment on a shape.
94+
- ✔️ More authetication mechanisms like twitter, facebook, etc.
9095

9196
If you find something is missing, `TryShape` is listening. Please create a feature request [from here](https://github.com/TryShape/tryshape/issues/new/choose).
9297

93-
## Contributions
98+
## 🤝 Contributions
9499
TBA

0 commit comments

Comments
 (0)