EletroMarket 🛒

Autor do Projeto

Disciplina: Desenvolvimento de Aplicações Móveis
Turma: 961
Aluno: Anderson da Silva Nogueira Júnior
Matrícula: 2021101171
Professor: Sérgio Assunção Monteiro

Site em produção

https://eletromarket.netlify.app

Descrição

O EletroMarket é uma aplicação moderna de e-commerce, projetada para oferecer uma experiência de compra simples e intuitiva. Esta aplicação simula o funcionamento de um carrinho de compras online, permitindo que os usuários explorem diferentes produtos, adicionem e removam itens do carrinho e naveguem facilmente por diferentes seções da loja. Com foco em funcionalidades essenciais de um e-commerce.

Funcionalidades Principais

1. Página Inicial (Home)

Ao acessar a aplicação, o usuário é saudado com uma página de boas-vindas. Esta página foi desenvolvida com um layout limpo e intuitivo, proporcionando uma navegação fácil desde o início.

2. Sobre

Uma página dedicada à história da EletroMarket, explicando sua missão, visão e valores.

3. Produtos

Apresenta uma seleção de produtos com imagens, descrições curtas e preços.
Cada produto pode ser adicionado ao carrinho com um simples clique, oferecendo uma demonstração clara do gerenciamento de estados e manipulação de dados no front-end. A lista de produtos utiliza layout responsivo e alinhamento automático, ajustando o conteúdo para diferentes resoluções de tela.

4. Carrinho de Compras

Nesta página, o usuário pode visualizar todos os itens adicionados ao carrinho e removê-los caso necessário.

Tecnologias Utilizadas

• React.js: A base da aplicação, utilizada para criar componentes reutilizáveis e gerenciar o estado da aplicação de forma eficiente.
• Vite: Ferramenta de construção moderna que proporciona um ambiente de desenvolvimento rápido e otimizado.
• CSS: Estilização moderna com foco em layouts flexíveis e responsivos.
• JavaScript: Manipulação de dados e interação com os componentes, incluindo o gerenciamento do estado global e local.
• HTML: Estruturação das páginas.
• Node: Versão utilizada 20.17
• NPM: Versão utilizada 10.8.2

Instalação e Execução

Siga os passos abaixo para rodar a aplicação localmente:

Clone o repositório:

git clone https://github.com/andersonjuniorz/EletroMarket.git

Acesse o diretório do projeto:

cd eletromarket

Instale as dependências:

npm install

Inicie o servidor de desenvolvimento:

npm run dev

Abra o navegador em:

http://localhost:5173