DevLinks

Este é um projeto de aplicação web Linktree, desenvolvido com ReactJS e TailwindCSS, utilizando Firebase para autenticação e armazenamento de dados das URLs. A aplicação possui uma interface de administração protegida por rotas privadas, permitindo que apenas usuários autenticados como administradores possam alterar os links visíveis. A aplicação Linktree permite aos usuários exibir uma lista personalizada de links, semelhante ao serviço oferecido pelo Linktree. A página de administração é protegida por autenticação e apenas administradores podem acessar e modificar os links exibidos.

Funcionalidades

1. Autenticação de usuário utilizando Firebase.
2. Armazenamento de URLs no Firestore (Firebase).
3. Rotas privadas para proteção da página de administração.
4. Interface de administração para gerenciar links visíveis.
5. Notificações com React Toastify.
6. Ícones fornecidos pela biblioteca React Icons.

Imagens

Tecnologias Utilizadas

1. ReactJS: Biblioteca JavaScript para construção de interfaces de usuário.
2. TailwindCSS: Framework CSS utilitário para estilização.
3. Firebase: Plataforma de backend para autenticação e banco de dados.
4. Firebase Authentication: Para autenticação de usuários.
5. Firestore: Para armazenamento de dados das URLs.
6. React Router: Para gerenciamento de rotas.
7. React Icons: Biblioteca de ícones.
8. React Toastify: Biblioteca para notificações.

Instalação e Uso

1. Clone o repositório: git clone https://github.com/eduardossoares/devlinks-linktree.git

2. Navegue até o diretório do projeto: cd devlinks-linktree

3. Instale as dependências: npm i react-scripts

4. Inicie o servidor de desenvolvimento: npm start

Autor

Eduardo da Silva Soares

https://www.linkedin.com/in/eduardo-da-silva-soares/