🔹 Descrição do projeto

🔹 Funcionalidades

🔹 Deploy da Aplicação

🔹 Conceitos abordados

🔹 Resolvendo problemas

🔹 Tarefas em aberto

🔹 Tecnologias

🔹 Instalação e execução

🔹 Contrubuir

🔹 Desenvolvedor

🔹 Licença

E uma plataforma criada para ser uma opção que pode facilitar a sua vida se você precisa compartilhar muitos links, como todas as suas redes sociais, sem necessidade de listar todos ou em um espaço pequeno, como uma bio do Instagram.

Todos os dados dos links, cores e etc. veem do firebase que funciona como um Backend as a Service (BaaS). Nesse sentido, ele oferece diversos recursos e ferramentas que permitem o desenvolvimento simples de aplicações. O Firebase Authentication, por exemplo, oferece uma interação dinâmica entre os usuários.

• Listagem dos links: Poder listar todos os links em uma página dinâmica.

• Links interativos: Pode clicar e o link levará para outra página.

• Página do administrador: Onde pode cadastrar redes sociais e links que será exibido na página principal.

• Efeito nos botões: Criar uma animação ao usuário apresentar foco nos botões.

• Remover Link cadastrado: Pode apagar link cadastrado.

• Links dinâmicos: Todos o Links podem ser criados com cores de background e cores da fonte.

• Area de redes sociais: Onde você pode cadastrar as redes sociais mais usadas .

• Firebase: Tudo hospedado no Firebase.

• Autenticação: Tudo autenticado para uso seguro.

Link do deploy da aplicação

• Uso de flexbox para alinhar e ajustar elementos na página.

• Manipulação no eixo z com o uso da propriedade z-index no css.

• Javascript

• Uso do conceito de função recursiva.

• Configuração de fonte local.

• Uso de CSS3

• react-router-dom

• Controle de versionamento

• Deploy na Netlify

• Firebase Connection

• Autenticação

• Toastify

• Router Provider

• ReactJs

• Roteamento

• Componetização

Um dos principais problemas que houve no desenvolvimento do projeto foi a responsividade, e conexão com o firebase.

📝 Light Mode

• React
• JavaScript
• CSS3
• React-Icons
• react-router-dom
• react-toastify
• firebase

Faça um clone desse repositório e acesse o diretório.

$ git clone https://github.com/darioreisjr/kisslink.git && cd kisslink

# Instalando as dependências
$ yarn

# Executanto aplicação
$ yarn start

Faça o fork e clone o projeto a partir do seu usuário.

# Clonando projeto
$ git clone https://github.com/SEU-NOME-DE-USUARIO/kisslink.git

# Criando um branch
$ git branch minha-alteracao

# Acessando o novo branch
$ git checkout -b minha-alteracao

# Adicionando os arquivos alterados
$ git add .

# Criando commit e a mensagem
$ git commit -m "Corrigindo...."

# Enviando alterações para o brach
$ git push origin minha-alteracao

Você deve navegar até o seu repositório onde fez o fork e clicar no botão New pull request no lado esquerdo da página.

_{Dario Reis}

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Copyright ©️ 2023 - kisslink Dario Reis