Skip to content

Componente de avaliação interativo simples, onde usuários podem selecionar uma nota e enviar feedback. Desenvolvido com HTML, CSS e JavaScript.

Notifications You must be signed in to change notification settings

itsgsantos/interactive-rating-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

INTERACTIVE RATING COMPONENT

Componente de avaliação interativo e responsivo
Um projeto desenvolvido para praticar interatividade com JavaScript, layout clean e responsividade.

🔗 Demo online: ir-fm.vercel.app
🎨 Design / Desafio: Frontend Mentor – Interactive Rating Component


📸 Preview Geral

preview


💻 Versões Desktop / Mobile

Desktop Mobile
desktop mobile

🚀 Tecnologias Utilizadas

Este projeto foi desenvolvido com:

  • HTML5 – marcação semântica
  • CSS3 – Flexbox, Grid e variáveis CSS para cores e espaçamento
  • JavaScript (ES6+) – interação de seleção e submissão da avaliação

📚 Aprendizados

Durante o desenvolvimento deste projeto, pratiquei:

  • 💻 Criar um componente interativo totalmente funcional
  • 📱 Construir layout responsivo para desktop e mobile
  • 🎨 Aplicar feedback visual ao usuário
  • 🧱 Manter código limpo e organizado

⚙️ Funcionalidades

  • ✅ Seleção de avaliação com feedback visual
  • ✅ Layout responsivo (desktop e mobile)
  • ✅ Transições suaves e interatividade sem frameworks
  • ✅ Estrutura semântica e acessível

🧩 Como executar localmente

# Clone este repositório
git clone https://github.com/itsgsantos/interactive-rating-component.git

# Acesse a pasta do projeto
cd interactive-rating-component

# Abra o arquivo index.html no navegador ou use Live Server

About

Componente de avaliação interativo simples, onde usuários podem selecionar uma nota e enviar feedback. Desenvolvido com HTML, CSS e JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published