Merge branch 'main' of https://github.com/ahmedmohmd/shortly into main

README.md

@@ -1 +1,48 @@
-# URL Shortner
+# Shortly Website
+
+This is the **Frontend Source Code** for my own [**Shortly Website**](https://shortly-nine-beta.vercel.app/).
+
+
+-----
+
+# Discreption
+Shortly is a URL Shortner Website that Let You to SHort Your URLs.
+
+-----
+
+# App Features
+  - Reponsive
+  - Nice Design with Tailwind Framework
+  - Speed & Good Performance with Tailwind Framework
+
+-----
+
+# Languages & Technologies
+### Lauages That used in this Web App:
+
+<div style="display: flex; justify-content: center; align-items: center; gap: 20px;">
+  <a href="https://developer.mozilla.org/en-US/docs/Web/HTML"><img src="https://img.icons8.com/color/48/000000/html-5--v1.png" alt="drawing" width="48" height="48"/></a>
+  <a href="https://developer.mozilla.org/en-US/docs/Web/CSS?retiredLocale=ar"><img src="https://img.icons8.com/color/48/000000/css3.png" alt="drawing" width="48" height="48"/></a>
+  <a href="https://www.javascript.com/"><img src="https://img.icons8.com/color/48/000000/javascript--v2.png" width="48" height="48"/></a>
+</div>
+
+### Technolohies that used in this App:
+
+<div style="display: flex; justify-content: center; align-items: center; gap: 20px;">
+  <a href="https://reactjs.org/"><img src="https://cdn-icons-png.flaticon.com/512/3334/3334886.png" alt="drawing" width="48" height="48"/></a>
+  <a href="https://tailwindcss.com/"><img src="https://tailwindcss.com/_next/static/media/tailwindcss-mark.79614a5f61617ba49a0891494521226b.svg" width="48" height="48"/></a>
+    <a href="https://styled-components.com/"><img src="https://cdn.iconscout.com/icon/premium/png-64-thumb/nail-polish-73-761221.png" width="48" height="48"/></a>
+
+</div>
+
+### Other Libs & Packages:
+  - [**axios**](https://axios-http.com/)
+  - [**react-icons**](https://react-bootstrap.github.io/)
+  - [**postcss**](https://react-bootstrap.github.io/)
+  - [**tailwindcss**](https://react-bootstrap.github.io/)
+  - [**autoprefixer**](https://react-bootstrap.github.io/)
+
+-----
+
+# Web App Screenshot
+![SHortly Website Screenshot](https://github.com/ahmedmohmd/shortly/blob/main/app-screenshot.png?raw=true)