Shortify.NET - Frontend

Welcome to the Angular-based frontend of Shortify.NET, a powerful URL shortening platform that simplifies sharing links. This application provides an interactive user interface for managing shortened URLs, enabling user-friendly authentication and various URL management features.

✨ Live Demo

Explore the application here: https://shortify-net.web.app/

---

🧩 Features

• Authentication: Login via OTP or email-password.
• Password Management: Forget password and reset password features.
• Link Management:
  • View links with destination URL favicons on the dashboard and detail screens.
  • Edit functionality to update destination URLs while keeping the short URL unchanged.
  • Delete URLs.
  • Direct sharing on multiple social platforms.
• Security:
  • JWT-based authentication.
  • Refresh tokens to extend idle login time.
• Upcoming Features:
  • Advanced analytics for tracking URL performance.

Note: Role-based access control (RBAC) features are supported on the backend but not yet implemented in the UI.

---

🛠️ Installation and Setup

Prerequisites

Ensure the following are installed on your system:

• Node.js (LTS version recommended)
• Angular CLI

Steps

1. Clone the repository:

   git clone https://github.com/ScriptSage001/Shortify.Net-Client.git
   cd shortify.net-client

2. Install dependencies:

   npm install

3. Configure the environment:
   • Update src/environments/environment.ts and src/environments/environment.prod.ts files with the appropriate API URLs.
4. Run the application in development mode:

   ng serve

   Access the app at http://localhost:4200/.
5. Build the application for production:

   ng build --configuration=production

---

🍰 Contribution

We welcome contributions! Please follow the guidelines outlined below:

1. Fork the repository and create a new branch for your feature or bug fix.
2. Ensure your changes adhere to the Angular coding standards.
3. Test your changes thoroughly.
4. Submit a pull request with a detailed description of your changes.

---

🌟 Acknowledgments

This project leverages several open-source libraries and tools:

• Angular
• RxJS
• Ng-Bootstrap
• Font Awesome
• Ngx-Spinner
• Ngx-Toastr

Thank you to the contributors and maintainers of these libraries for their incredible work!

---

🛡️ License

This project is licensed under the Apache License. See the LICENSE file for details.

---

📸 Screenshots