Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/raphael-ps/url-shortener-front

Frontend xoxo, capenga, manco, anêmico, frágil e inconsistente, só pra testar a api de um jeito melhor do que com o postman.
https://github.com/raphael-ps/url-shortener-front

angular angularjs bootstrap

Last synced: 1 day ago
JSON representation

Frontend xoxo, capenga, manco, anêmico, frágil e inconsistente, só pra testar a api de um jeito melhor do que com o postman.

Awesome Lists containing this project

README

        

# URL Shortener Frontend

Very simple frontend specially made to test my [url shortener api](https://github.com/raphael-ps/url_shortener) as an alternative way to Postman.

Frontend [xoxo, capenga, manco, anêmico, frágil e inconsistente](https://youtu.be/VuhfI4oza_g?si=t8-nL1NIEA8bxXRR). Só pra testar a api de um jeito mais realista do que com o postman.

---

## Installation Guide

### Prerequisites
- [Node.js](https://nodejs.org/)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)

### Steps
1. **Clone the Repository**
```bash
git clone https://github.com/raphael-ps/url-shortener-front.git
cd url_shortener_frontend
```

2. **Install Dependencies**
Using npm:
```bash
npm install
```
Or using yarn:
```bash
yarn install
```
4. **Start the Development Server**
Using npm:
```bash
ng serve
```

5. **Access the Frontend**
Open your browser and navigate to `http://localhost:4200`, by default.

---

## Screenshots

![Login](https://github.com/raphael-ps/url-shortener-front/blob/main/public/readmeImgs/login.png)

![Register](https://github.com/raphael-ps/url-shortener-front/blob/main/public/readmeImgs/register.png)

![Shortener](https://github.com/raphael-ps/url-shortener-front/blob/main/public/readmeImgs/shortener.png)

!![Stats](https://github.com/raphael-ps/url-shortener-front/blob/main/public/readmeImgs/stats.png)

![Protected Link](https://github.com/raphael-ps/url-shortener-front/blob/main/public/readmeImgs/protected-link.png)

![User History](https://github.com/raphael-ps/url-shortener-front/blob/main/public/readmeImgs/user-history.png)
---

## Contribution Guide

### Reporting Issues
If you encounter bugs or have feature requests, please open an issue in the [GitHub repository](https://github.com/raphael-ps/url_shortener_front/issues).

### Submitting Changes
1. Fork the repository.
2. Create a feature branch:
```bash
git checkout -b feature/your-feature
```
3. Commit your changes:
```bash
git commit -m "Add your feature"
```
4. Push to the branch:
```bash
git push origin feature/your-feature
```
5. Open a Pull Request.

---

## License
This project is licensed under the [MIT License](./LICENSE).

---

## Links
- [Frontend Repository](https://github.com/your-username/url_shortener_frontend)
- [API Repository](https://github.com/raphael-ps/url_shortener)