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

https://github.com/odevthomas/link-shortener-using-react

Este projeto é um encurtador de links simples criado com React. Ele permite que os usuários encurtem URLs longas em links mais curtos e gerenciáveis.
https://github.com/odevthomas/link-shortener-using-react

Last synced: 7 months ago
JSON representation

Este projeto é um encurtador de links simples criado com React. Ele permite que os usuários encurtem URLs longas em links mais curtos e gerenciáveis.

Awesome Lists containing this project

README

          

![Encurtador de Links](https://github.com/user-attachments/assets/02c3fa9f-4f70-4f9b-8e2b-973011a446e8)

# Encurtador de Links usando React 🔗

Este projeto é um encurtador de links simples construído com React. Ele permite que os usuários encurtem URLs longas em links mais curtos e gerenciáveis.

## Índice

- [Introdução](#introdução)
- [Como Começar](#como-começar)
- [Pré-requisitos](#pré-requisitos)
- [Instalação](#instalação)
- [Executando a Aplicação](#executando-a-aplicação)
- [Scripts Disponíveis](#scripts-disponíveis)
- [Para Saber Mais](#para-saber-mais)
- [Recursos Adicionais](#recursos-adicionais)
- [Autor](#autor)

## Introdução

Este projeto foi iniciado com [Create React App](https://github.com/facebook/create-react-app) e é um exemplo básico de como criar um encurtador de URLs com React.

## Como Começar

### Pré-requisitos

Antes de executar a aplicação, certifique-se de ter o Node.js e o npm instalados em sua máquina.

### Instalação

1. Clone o repositório:
```bash
git clone https://github.com/thmedu/link-shortener-using-react.git
```

2. Navegue até o diretório do projeto:
```bash
cd link-shortener-using-react
```

3. Instale as dependências:
```bash
npm install
```

## Executando a Aplicação

Para executar a aplicação localmente, use o seguinte comando:
```bash
npm start
```
Abra 🌐 [http://localhost:3000](http://localhost:3000) para visualizá-la no seu navegador.

## Scripts Disponíveis

No diretório do projeto, você pode também executar:

- `npm test`: Inicia o runner de testes no modo interativo 🕵️‍♂️.
- `npm run build`: Compila a aplicação para produção na pasta `build` 📦.
- `npm run eject`: Ejetar a aplicação do Create React App, permitindo controle total sobre dependências e configurações 🛠️.

## Para Saber Mais

Você pode aprender mais sobre o Create React App e o React na seguinte documentação:

- [Documentação do Create React App](https://facebook.github.io/create-react-app/docs/getting-started)
- [Documentação do React](https://pt-br.reactjs.org/)

## Recursos Adicionais

Para configurações avançadas e opções de implantação, veja as seguintes seções da documentação:

- [Divisão de Código](https://facebook.github.io/create-react-app/docs/code-splitting)
- [Análise do Tamanho do Bundle](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
- [Criando um Progressive Web App](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
- [Configuração Avançada](https://facebook.github.io/create-react-app/docs/advanced-configuration)
- [Implantação](https://facebook.github.io/create-react-app/docs/deployment)
- [Resolução de Problemas](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)

## Autor

Thomas Eduardo