Skip to content

andrecampll/GoMarketplace

Repository files navigation

GoMarketplace 🛍️

Este repositório é referente ao desafio 'Fundamentos do React Native' do Bootcamp GoStack 11.0, da Rocketseat 🚀.

Proposta 🔥

Este projeto é um estudo dos conceitos de Contexto do React-Native, tendo como 'carro chefe' a Context API e seu hook (useContext). A ideia é simular uma loja fictícia, trazendo dados de uma Fake API e integrar as informações disponíveis em tela, tais como quantidade de produtos e preço final. O diferencial é o Tema Dark, que também foi construído utilizando a Context API do React.

Tecnologias Utilizadas 🚀

React ⚛️
React Native ⚛️
React Navigation ⚛️
Styled-Components 💅🏻
React Icons ⚛️❤️
Typescript 🦕

Como obter esse repositório? 🤔

Para obter esse projeto, siga os passos:

  1. Clone esse repositório utilizando git clone.
  2. Rode o comando yarn na raíz da pasta do projeto clonado para baixar as dependências.
  3. Rode o comando yarn android (se estiver emulando em um android) ou yarn ios (se estiver emulando em um ios) na raíz da pasta do projeto clonado para instalar o app no emulador.
  4. Rode json-server server.json -p 3333 na raíz da pasta do projeto para inicializar a Fake API.
  5. Rode yarn start na raíz da pasta do projeto para inicializar o Metro Bundler.
  6. Abra o projeto no seu emulador.
  7. Happy Hacking! 🚀

⚠️ Caso o projeto não mostre os produtos, rode adb reverse tcp:3333 tcp:3333 antes de iniciar a Fake API ⚠️

Como Contribuir? 😍

Faça um fork deste repositório

# Clone o seu fork
$ git clone url-do-seu-fork && cd GoMarketplace

# Crie uma branch com sua feature ou correção de bugs
$ git checkout -b minha-branch

# Faça o commit das suas alterações
$ git commit -m 'minhas alterações'

# Faça o push para a sua branch
$ git push origin minha-branch

Delete sua branch, se quiser, quando o merge da sua pull request for feito.

Feito com 💜 por andrecampll.