https://github.com/haruelrovix/product-catalog

Browse around product catalog using React Native (Web) & GraphQL
https://github.com/haruelrovix/product-catalog

graphql node react react-native

Last synced: 3 months ago
JSON representation

Browse around product catalog using React Native (Web) & GraphQL

• Host: GitHub
• URL: https://github.com/haruelrovix/product-catalog
• Owner: haruelrovix
• Created: 2018-03-17T16:29:08.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-21T02:04:22.000Z (over 8 years ago)
• Last Synced: 2025-06-19T21:37:56.765Z (about 1 year ago)
• Topics: graphql, node, react, react-native
• Language: JavaScript
• Size: 622 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# product-catalog

Simple and minimalist Product Catalog app using React Native (Web) & GraphQL

|Web|iOS|

|-|-|

|![image](https://user-images.githubusercontent.com/17120764/37671277-f60001cc-2c9d-11e8-98a3-04b41d8a4f2a.png)|![image](https://user-images.githubusercontent.com/17120764/37671624-bd69702c-2c9e-11e8-8b92-fb45c8bdd91f.png)|

### How To Run

1. Clone this repository

```sh

$ git clone https://github.com/haruelrovix/product-catalog.git && cd product-catalog

```

2. Build the backend server

```sh

$ cd backend && docker-compose build

```

3. Run it

```sh

$ docker-compose up

```

4. `backend_ms-product-catalog` is up and running



#### The Frontend part

1. Open `frontend` directory

```sh

$ cd frontend

```

2. Build the container

```sh

$ docker-compose build

```

3. Run it

```sh

$ docker-compose up

```

4. Open `localhost:3000`

#### React-Native

1. On the `frontend` directory, execute

```sh

$ yarn ios

```

## Deployment

Find it Live here:

- GQL Server: https://product-catalog-server-qigcgzbpqh.now.sh

- Frontend: https://product-catalog-mtmjysfnhy.now.sh