Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arielspencer/ecommerce-meteora
đź›’ O Meteora Ă© um projeto de e-commerce em fase de desenvolvimento inicial.
https://github.com/arielspencer/ecommerce-meteora
Last synced: about 9 hours ago
JSON representation
đź›’ O Meteora Ă© um projeto de e-commerce em fase de desenvolvimento inicial.
- Host: GitHub
- URL: https://github.com/arielspencer/ecommerce-meteora
- Owner: ArielSpencer
- License: mit
- Created: 2024-07-25T02:48:53.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-30T03:29:47.000Z (3 months ago)
- Last Synced: 2024-07-31T07:01:57.977Z (3 months ago)
- Language: JavaScript
- Homepage: https://ecommerce-meteora.arielspencer.com.br/
- Size: 84.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![Static Badge](https://img.shields.io/badge/Ariel%20Spencer-Meteora-%23895FB5) ![GitHub License](https://img.shields.io/github/license/ArielSpencer/ecommerce-meteora)
# Meteora - E-commerce de Moda
O Meteora é um projeto de e-commerce em fase de desenvolvimento inicial. Este README fornece informações sobre o projeto, suas funcionalidades e como executá-lo em seu ambiente local.
![GIF da aplicação em execução](meteora-app.gif)
## 🔨 Funcionalidades do projeto
Neste estágio inicial de desenvolvimento, o Meteora possui as seguintes funcionalidades:
- Adicionar itens ao carrinho
- Remover itens do carrinho
- Visualizar a página do carrinho
- Deletar itens do carrinhoO [Figma dessa aplicação você encontra aqui](https://www.figma.com/file/R5ATrWK1nC44Eyeo6XZXlr/Meteora---Context-API?node-id=2386%3A2430&mode=dev).
## ✔️ Técnicas e tecnologias utilizadas
O projeto Meteora utiliza as seguintes tecnologias e bibliotecas:
- `React` - Framework JavaScript
- `Vite` - Build tool para desenvolvimento rápido
- `JavaScript` - Linguagem de programação principal
- `Context API` - Para gerenciamento de estado
- `useReducer` - Para controle de estado
- `useMemo` - Para otimização de desempenho
- `Bootstrap` - Framework de design e componentes## 🛠️ Abrir e rodar o projeto
Para executar o projeto Meteora em seu ambiente local, siga estas etapas:
1. Certifique-se de ter o Node.js instalado em sua máquina.
2. Baixe o repositĂłrio do projeto:
3. Extraia os arquivos para uma pasta de sua preferĂŞncia.
4. Navegue até a pasta em questão via terminal (cmd):
```bash
cd repo-meteora
```5. Instale as dependĂŞncias usando o npm:
```bash
npm install
```6. Inicie o projeto localmente:
```bash
npm run dev
```7. Abra seu navegador e acesse a url exibida no seu terminal para visualizar o projeto.
## 📚 Mais informações do projeto
O Meteora Ă© um e-commerce fictĂcio de moda em constante desenvolvimento. Este projeto visa aprimorar as habilidades em React, e apresentar a Context API como uma solução para gerenciamento de estados globais de uma aplicação React.
O design e protĂłtipo deste projeto podem ser encontrados [aqui](https://www.figma.com/file/R5ATrWK1nC44Eyeo6XZXlr/Meteora---Context-API?node-id=2386%3A2430&mode=dev).
Aproveite o desenvolvimento e aprimoramento do Meteora!