JavaScript · HTML · CSS · Python/Flask Interfaces interativas, responsivas e com identidade visual própria.
também assino como Merit-Nefert-Aset ✦
Desenvolvedora front-end com foco em experiências interativas: animação, som, luz e narrativa a serviço da interface. Desenho as artes, estruturo a lógica e entrego projetos completos, do código ao deploy.
Aberta a oportunidades em front-end, interfaces interativas e criação digital.
Alice · experiência interativa
Narrativa web inspirada em Alice no País das Maravilhas, em que o usuário cai, explora uma sala às escuras com uma lanterna e chega à porta final.
- JavaScript puro, sem frameworks: fluxo da experiência controlado por uma máquina de estados (queda, desmaio, despertar, exploração, porta, fechadura)
- Interação multiplataforma: mouse e teclado no desktop, toque e swipe no celular, com detecção própria de gestos
- Efeito de lanterna em CSS (máscara radial) que acompanha o ponteiro e revela objetos e falas por proximidade
- Áudio com Web Audio API: sons ambiente gerados por código (gotas, reverb) e vozes em arquivo, com controle de mute
- Responsivo de verdade: testado em iPhone, iPad e desktop, em retrato e paisagem, com ajustes por tamanho de tela
- Acessibilidade básica: elementos interativos acessíveis por teclado
- Deploy contínuo no Netlify a cada push no GitHub
- Todas as artes são autorais
🔗 Ver ao vivo · Código
Atelier · aplicação web full-stack
Aplicação que une arte e programação, com contas de usuário e dados persistentes.
- Front-end: HTML, CSS e JavaScript puro
- Back-end: Python + Flask
- Banco de dados: SQLite
- Autenticação: Flask-Login com hash de senha
- Deploy: PythonAnywhere
- Artes autorais
| Front-end | HTML5, CSS3 (Flexbox, Grid, animações, media queries), JavaScript (DOM, eventos, Web Audio API) |
| Back-end | Python, Flask, Flask-Login |
| Dados | SQLite |
| Ferramentas | Git, GitHub, Netlify, PythonAnywhere, VS Code |
- Atenção ao detalhe visual e à experiência de uso, não só ao código funcionando
- Projetos terminados e publicados, com README, link ao vivo e teste em dispositivos reais
- Autonomia: do desenho da interface ao deploy
- Fundamentos sólidos: consigo explicar e construir sem depender de framework
Experiências imersivas em 3D e realidade virtual (WebXR).
📧 marinasillva43@gmail.com 💼 LinkedIn · 🐙 GitHub