🚧 VS Store App - em desenvolvimento 🚧

Sobre • Funcionalidades • Layout • Como executar • Estrutura de arquivos • Tecnologias • Autores • Licença

💻 Sobre o projeto

VS Store é um aplicativo para uma loja online.

---

⚙️ Funcionalidades

• App
  • Cadastrar Usuário
  • Realizar login
  • Editar dados do usuário
  • Listar produtos
  • Pesquisar por palavra-chave
  • Filtrar lista de produtos (categoria, promoção, ordenação por nome e preço)
  • Adicionar e remover produto aos favoritos

---

🎨 Layout

---

🚀 Como executar o projeto

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e Expo.

Para o Expo é necessário realizar a instalação no seu computador e celular, caso não queira utilizar um emulador:

• Instalar expo-cli:

  # Basta executar este comando para instalar o expo-cli:
  $ yarn add expo-cli

• Instalar Expo App:

  • Android
  • IOS

Executando o projeto

🧭 Rodando a aplicação Frontend

 # Clone este repositório
 $ git clone https://github.com/VanessaSwerts/vs-store.git

 # Acesse a pasta do projeto no seu terminal/cmd
 $ cd vs-store

 # Instale as dependências
 $ yarn install

 # Execute a aplicação
 $ yarn start  
 

---

📁 Estrutura de arquivos

Atualizado 31/05/2021

vs-store
├─ .editorconfig
├─ .eslintignore
├─ .eslintrc.json
├─ .expo-shared
│  └─ assets.json
├─ .gitignore
├─ App.js
├─ app.json
├─ assets
│  ├─ adaptive-icon.png
│  ├─ favicon.png
│  ├─ icon.png
│  └─ splash.png
├─ babel.config.js
├─ LICENSE
├─ package.json
├─ prettier.config.js
├─ README.md
├─ src
│  ├─ assets
│  │  ├─ avatar.png
│  │  ├─ logo-black.png
│  │  ├─ logo-dark-blue.png
│  │  ├─ logo-light-blue.png
│  │  ├─ logo-shop-black.png
│  │  ├─ logo-shop-dark-blue.png
│  │  ├─ logo-shop-ligth-blue.png
│  │  ├─ logo-shop-white.png
│  │  └─ logo-white.png
│  ├─ components
│  │  ├─ Button.js
│  │  ├─ CategoryButton.js
│  │  ├─ ImagePicker.js
│  │  ├─ index.js
│  │  ├─ Input.js
│  │  ├─ Loader.js
│  │  ├─ ProductCard.js
│  │  ├─ ProductsFilter.js
│  │  ├─ StepProgress.js
│  │  └─ Warning.js
│  ├─ contexts
│  │  ├─ auth.js
│  │  └─ loading.js
│  ├─ pages
│  │  ├─ Account.js
│  │  ├─ EditAccount.js
│  │  ├─ Favorites.js
│  │  ├─ Home.js
│  │  ├─ index.js
│  │  ├─ Login.js
│  │  ├─ ProductDetails.js
│  │  └─ SignUp.js
│  ├─ routes
│  │  ├─ index.js
│  │  ├─ stack.routes.js
│  │  └─ tab.routes.js
│  ├─ services
│  │  └─ api.js
│  └─ utils
│     ├─ constants
│     │  ├─ colors.json
│     │  └─ fonts.json
│     └─ index.js
└─ yarn.lock

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Mobile (React Native)

• Dependências:

  • Expo
  • React Navigation
  • Axios
  • Progress Steps
  • Expo Image Picker
  • Progress
  • Async Storage

• Dependências de Desenvolvimento:

  • ESlint
  • Prettier

Veja o arquivo package.json

---

🦸 Autora

Vanessa Swerts

---

📝 Licença

Este projeto esta sobe a licença MIT.