O objetivo deste projeto é estudar sobre frameworks e linguagens de programação, assim como bancos de dados, com o objetivo de aprofundar nos conceitos de integração back-end e front-end.
Este projeto está dividido em dois repositórios: o frontend e o backend. Portanto, para ver as tecnologias adotadas no backend, acesse o repositório abaixo:
- React (Biblioteca JavaScript para construir interfaces de usuário)
- Vite (Ferramenta de build para projetos JavaScript modernos)
A tela principal é composta por um campo para a URL original a ser encurtada, inputs de data, número máximo de acessos e um botão que realiza a operação. Quando a operação chega ao fim, o usuário terá sua URL encurtada seguindo os parâmetros dos inputs.
Na tela de informações, o usuário pode ver a quantidade de acessos restantes para uma URL encurtada, assim como o tempo que o link ficará ativo.
Para executar o projeto, é necessário ter o backend rodando localmente. Para isso, consulte o Repositório Backend. Após ter o backend executando, você poderá prosseguir.
Instale o NodeJS, seguindo as orientações presentes no guia para instalar corretamente o NodeJS.
Clone este repositório em uma pasta local na sua máquina e, em seguida, execute o projeto, seguindo os comandos abaixo:
# copia o repositório para uma pasta local
git clone https://github.com/LucasKalil-Programador/URL-Shorter-FrontEnd.git
# navega até o repositório criado
cd /URL-Shorter-FrontEnd
# executa o projeto
npm run devApós esses passos, um link aparecerá no console, levando você ao site hospedado localmente.
Meu nome é Lucas, sou estudante de Ciências da Computação e este é um dos muitos projetos que já desenvolvi. Caso tenha interesse em ver mais informações sobre meus projetos, acesse LucasKalil-Programador.