Marketspace

🚀 Aplicação finalizada 🚀

About | Layout | Setup | Technologies | License

💻 About

Esta aplicação de nome Marketspace consiste basicamente em um aplicativo mobile de compra e venda de itens novos e/ou usados, além de você poder fazer alterações nos seus produtos cadastrados.

Os principais conhecimentos aplicados nesta aplicação foram:

• Utilização da lib de componentes do Gluestack UI;
• Consumo de API na aplicação (para sign-up e sign-in, etc);
• Utilização do Zustand para gerenciamento de estados globais na aplicação;

🎨 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.

A seguir, veja uma demonstração das principais telas da aplicação:

Sign In

Sign Up

Home

Home Filter

Product Details

My Products

My Product Details

My Product Details (deactivated)

Create Product

Create Product (filled)

Product Preview

Edit Product

⚙ Setup

📝 Requisites

Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:

• Git
• NodeJS
• NPM ou Yarn
• Para reproduzir o acesso a API back-end com os dados necessários para o front-end, clone o seguinte repositório que contem a API do nosso back-end feita em Node.js e execute na sua máquina.

Além disto é bom ter um editor para trabalhar com o código como VSCode

Cloning and Running

Passo a passo para clonar e executar a aplicação na sua máquina:

# Clone este repositório
$ git clone [email protected]:pabloxt14/marketspace.git

# Acesse a pasta do projeto no terminal
$ cd marketspace/mobile

# Instale as dependências
$ npm install

# Execute a API back-end
$ cd ../api
$ npm install
$ npm run start

# Execute a aplicação em modo de desenvolvimento
$ npm run start

🛠 Technologies

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

• React Native
• Expo
• TypeScript
• Phosphor Icons
• Axios
• Bottom Sheet
• Expo Image Picker
• Nativewind
• Gluestack UI
• Zod
• Zustand

Para mais detalhes das dependências gerais da aplicação veja o arquivo package.json

📝 License

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações

Feito com 💜 por Pablo Alan 👋🏽 Entre em contato!