📱 Tech Store

Loja virtual responsiva de celulares, fones de ouvido e acessórios desenvolvida como projeto de Front-End, com foco em boas práticas de desenvolvimento, organização de código e experiência do usuário.

🚀 Demonstração

🔗 Deploy: https://ericagomes-dev.github.io/tech-store/

🛠 Tecnologias Utilizadas

• HTML5
• SCSS (Sass)
• JavaScript
• CSS Grid
• Flexbox
• Metodologia BEM

✨ Funcionalidades

• Layout responsivo para desktop, tablet e dispositivos móveis
• Catálogo de produtos com imagens e descrições
• Navegação intuitiva entre seções
• Efeitos visuais com hover e transições CSS
• Estrutura organizada utilizando metodologia BEM
• Interface moderna e otimizada para diferentes tamanhos de tela

📚 Conceitos Aplicados

• HTML Semântico
• Responsividade (Mobile First)
• Flexbox
• CSS Grid
• SCSS
• Organização de componentes
• Boas práticas de CSS
• Metodologia BEM
• Animações e Transições CSS

📂 Estrutura do Projeto

src/
├── image/
├── scripts/
├── styles/
│   ├── blocks/
│   └── utils/
└── index.html

⚙️ Instalação

Clone o repositório:

git clone https://github.com/ericagomes-dev/tech-store.git

Instale as dependências:

npm install

Execute o projeto localmente:

npm start

👩‍💻 Desenvolvedora

Erica Gomes

📧 Email: ericagomesdev@gmail.com

💼 GitHub: https://github.com/ericagomes-dev

🎯 Objetivo

Este projeto foi desenvolvido para praticar conceitos essenciais de Front-End, incluindo responsividade, organização de estilos com SCSS, metodologia BEM e construção de interfaces modernas utilizando HTML, CSS e JavaScript.