Linkiess

Front-end da plataforma link-in-bio. SPA em React consumindo a API REST (linkiess-api, NestJS). Usuário monta um perfil público com seus links e customiza cores, fundo, foto e descrição.

Stack

• React 18 (Create React App)
• Redux Toolkit (auth, mensagens)
• React Router DOM 6
• Axios
• jwt-decode
• Tailwind CSS 3
• React Icons

Estrutura

src/
├── pages/        Home, About, Login, Signup, Profile, Custom
├── components/   Navbar, Footer, HomeSection, Links, Modal, Message
├── redux/        store + slices (user, message)
├── lib/          Configuração do axios
└── index.jsx     Bootstrap + rotas

Setup

Requer Docker e Docker Compose. A API linkiess-api precisa estar acessível (default http://localhost:3333).

docker compose up --build

Build multi-stage (node → nginx) com fallback SPA. Disponível em http://localhost:3000.

Páginas

Rota	Auth	Descrição
Home	—	Landing
About	—	Sobre
Login / Signup	—	Autenticação
Profile	sim	Perfil do usuário (gestão dos links)
Custom	sim	Customização (cores, fundo, foto, descrição)

Auth: token JWT decodificado com jwt-decode, guardado no store Redux; header Authorization anexado nas requisições autenticadas.

Decisões técnicas

Contexto e trade-offs das principais escolhas (auth com Redux, decode do JWT, customização de perfil): devdiegofernandes.com/projects/linkiess

Licença

MIT