Projeto pessoal montado para utilizar os conhecimentos que adquiri nos últimos meses. Me diverti demais com o desenvolvimento dele, além de ter aprendido bastante!
O objetivo era criar uma plataforma de download de ícones que seja fácil de entender e utilizar. É possível buscar por ícones e modificar a aparência deles antes de fazer download.
Utilizei apenas CSS vanilla para a estilização. O design é 100% responsivo e conta com um switch para light e dark mode. Os ícones foram baixados gratuitamente da internet, sendo que fiz algumas modificações para que seguissem um padrão.
É possível navegar pela plataforma apenas com o teclado, utilizando TAB
para avançar, SHIFT + TAB
para retroceder, ENTER
para confirmar e ESC
para abrir e fechar o menu na versão mobile. Além disso, os leitores de tela funcionam perfeitamente no projeto.
- Busca dinâmica que retorna os resultados em tempo real
- Filtragem dos resultados com categorias
- Opções de modificação de tamanho, largura e cor dos ícones
- Download de um ícone em formato .SVG
- Download de vários ícones de uma vez em formato .ZIP
- Menu mobile responsivo, podendo ser aberto e fechado com gesto swipe
- Dark e light modes
- Tratamento de texto nos campos de input principais
- Manipulação de SVGs
- Verificação e correção de bugs em vários navegadores
- Modularização do código
- Utilização de bibliotecas
- Um pouco de CSS Grid
- Reutilização de CSS
- Responsividade (versão mobile 100% funcional)
- Acessibilidade (navegação por teclado e leitor de tela funcionais)