Skip to content

Latest commit

 

History

History
129 lines (112 loc) · 5.7 KB

File metadata and controls

129 lines (112 loc) · 5.7 KB

DevLinks

Descrição

O DevLinks é um projeto desenvolvido durante o programa gratuito da Rocketseat, com foco no aprendizado e prática de tecnologias web. A aplicação consiste em um agregador de links para funcionar como cartão de visitas online, reunindo em um só lugar links pessoais, redes sociais e projetos.

Funcionalidades

  • Agregador de links pessoais em um layout simples e direto.
  • Página responsiva para desktop e mobile.
  • Alternância de tema claro e escuro.

Demonstração do Projeto

Prévia do projeto DevLinks Prévia do projeto DevLinks
Acesse a demonstração

Tecnologias Utilizadas

  • HTML: Estruturação semântica da página.
  • CSS: Estilização e responsividade.
  • JavaScript: Alternância de tema e interações.
  • Git e GitHub: Versionamento e hospedagem.
  • Figma: Referência visual do design.

Estrutura do Projeto

A estrutura do projeto está organizada da seguinte forma:


/
├── assets/
│   ├── avatar.png
│   ├── avatar2.png
│   ├── bg-desktop.png
│   ├── bg-desktop-light.png
│   ├── bg-mobile.png
│   ├── bg-mobile-light.png
│   ├── preview1.png
│   └── preview2.png
├── index.html
├── style.css
├── script.js
└── README.md

Contato

Willian Gonçalves | LinkedIn | GitHub | Portfólio | Email

Créditos

Projeto desenvolvido durante o programa Discover da Rocketseat.


English Version

DevLinks

Description

DevLinks is a project created during Rocketseat’s free web development program, focused on learning and practicing essential web technologies. It works as an online business card that gathers personal links, social media and projects in a single place.

Features

  • Personal link hub with a clean and direct interface.
  • Responsive design for mobile and desktop.
  • Light and dark theme toggle.

Project Demo

Prévia do projeto DevLinks Prévia do projeto DevLinks
Open live demo

Technologies Used

  • HTML: Semantic structure.
  • CSS: Styling and responsiveness.
  • JavaScript: Theme switching and interactions.
  • Git & GitHub: Version control and deployment.
  • Figma: Visual reference.

Project Structure


/
├── assets/
│   ├── avatar.png
│   ├── preview.png
│   └── ...
├── index.html
├── style.css
├── script.js
└── README.html
  

Contact

Willian Gonçalves | LinkedIn | GitHub | Portfolio | Email

Credits

This project was developed as part of the Rocketseat Discover program.