Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/andersonjuniorz/eletromarket
EletroMarket - Uma aplicação de e-commerce moderna que simula um carrinho de compras online. Os usuários podem explorar produtos, adicionar ou remover itens do carrinho e navegar por diferentes seções de forma intuitiva.
https://github.com/andersonjuniorz/eletromarket
css ecommerce html javascript npm reactjs vite
Last synced: 25 days ago
JSON representation
EletroMarket - Uma aplicação de e-commerce moderna que simula um carrinho de compras online. Os usuários podem explorar produtos, adicionar ou remover itens do carrinho e navegar por diferentes seções de forma intuitiva.
- Host: GitHub
- URL: https://github.com/andersonjuniorz/eletromarket
- Owner: andersonjuniorz
- Created: 2024-09-29T04:55:40.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-15T23:33:38.000Z (3 months ago)
- Last Synced: 2024-10-23T13:42:44.009Z (2 months ago)
- Topics: css, ecommerce, html, javascript, npm, reactjs, vite
- Language: JavaScript
- Homepage: https://eletromarket.netlify.app
- Size: 227 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
```bash
git clone https://github.com/andersonjuniorz/EletroMarket.git
```
Acesse o diretório do projeto:
```bash
cd eletromarket
```
Instale as dependências:
```bash
npm install
```
Inicie o servidor de desenvolvimento:
```bash
npm run dev
```
Abra o navegador em:
```bash
http://localhost:5173
```