GitHub language count Repository size GitHub last commit License Stargazers Feito pelo Gabs ❤

MinixOFFShortner

🚧 Minix ♻️ em andamento 🚀 🚧

SobreFuncionalidadesLayoutComo executarTecnologiasAutorLicença

💻 Sobre o projeto

♻️ MinixOFFShortner - é um encurtador de url pessoal e personalizado ao gosto do cliente.

Projeto desenvolvido durante Uma semana como teste tecnico, oferecida pela Mobi2Buy. Fazer o teste foi uma experiência incrível. Me virando com muito conteúdo prático, desafios e "dores de cabeça" que me incentivaram ainda mais a resolver.


⚙️ Funcionalidades

  • Usuários podem se cadastrar na plataforma web enviando nome completo, email, usuário e senha e obter acesso as seguintes funcionalidades:
    • Enviar uma url e encurta-la com código aleatorio ou personalizado.
    • Salvar os links completos e encurtados

🎨 Layout

Comecei fazendo um protótipo inicial e depois finalizando de cabeça pois não tinha muito tempo. O layout da aplicação está disponível no Figma:

Made by tgmarinho

Mobile

MinixOFFShortner MinixOFFShortner

Web

MinixOFFShortner MinixOFFShortner


🚀 Como executar o projeto

Este projeto é divido em duas partes separadas:

  1. Backend (https://github.com/Nixoff/minixoff-backend)
  2. Frontend (esse repositorio)

💡Infelizmente não consegui integrar o backend da forma como gostaria então no momento não funcionam as requisições.

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o Backend (servidor)

Clone este repositório

$ git clone https://github.com/Nixoff/minixoff-backend.git

Acesse a pasta do projeto no terminal/cmd

$ cd minixoff-backend/

Instale as dependências

$ npm install

Execute a aplicação

$ npm start

O servidor inciará na porta:3000 - acesse http://localhost:3000

🧭 Rodando a aplicação web (Frontend)

Clone este repositório

$ git clone https://github.com/Nixoff/minixoff.git

Acesse a pasta do projeto no seu terminal/cmd

$ cd minixoff

Instale as dependências

$ npm install

Execute a aplicação em modo de desenvolvimento

$ npm start

A aplicação será aberta na porta:4200 - acesse http://localhost:4200


🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website (Angular + TypeScript)

ja o arquivo package.json

Server (NodeJS + TypeScript)

a o arquivo package.json

Utilitários


💪 Considerações

  1. Aprendi bastante com o projeto e independente do andamento com a mobi2buy pretendo finaliza-lo e continuar estudando por alguns cursos e materiais que acabei descobrindo no meio do caminho.
  2. Apesar de saber fazer as coisas separadamente (algoritmo da aplicação, front-end e back) eu tenho um pouco de dificuldade para fazer backend em pouco tempo
  3. Demorei um pouco pois no começo queria fazer com django e acabei ficando confuso e como precisava fazer rapido, optei por fazer com o que eu tinha mais familiaridade.

🦸 Autor


Gabriel Maciel Teixeira
🚀

Twitter Badge Linkedin Badge Gmail Badge


📝 Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Gabriel Maciel 👋🏽 Entre em contato!