Skip to content

Learning GraphQL by making space photo gallery app with it

Notifications You must be signed in to change notification settings

dev4us/spaceGallery_dev4us

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 

Repository files navigation

spaceGallery_dev4us

Learning GraphQL by making space photo gallery app with it

image

It's always open this App on this URL

https://spacegallery-pngnev245.now.sh/

About

spaceGallery 는 NASA에서 제공하는 'Astronomy Picture of the Day' API를 통하여 우주의 배경들을 촬영한 이미지나 동영상을 매일 제공해주는 서비스입니다.

이미지나 컨셉은 아래 별도로 작성한 블로그의 포스트를 참조하여 개발하였으며, API와 단순 통신하는 컨셉에서 GraphQL을 API 통신에 적용을 시켜본 단계입니다.

GraphQL 에 대한 기초적인 학습 후 기존에 진행하였던 사이드 프로젝트(Side project)에 GraphQL 개념 중 일부분을 섞어 느낌을 맛 볼 수 있는 프로젝트였습니다.

Concept and Design Reference

https://velopert.com/3503

Stack

Everything in this project it is JavaScript

Frontend

  • React
  • Sass
  • GraphQL
  • React Apollo

Server

  • Node.js
  • GraphQL Yoga
  • babel
  • Axios

Running on your Machine

Prerequisites

  • Node.js v8^
  • yarn

Installation

Clone this project from the github repository.

$ git clone https://github.com/dev4us/spaceGallery_dev4us.git

Install packages in both backend and frontend directory using following command:

$ yarn

Running Backend Development Server

To run the development server, execute following command inside backend directory:

$ yarn dev

Running Frontend Development Server

To run the development of frontend, execute following command inside frontend directory:

$ yarn start

Questions

Feel free to submit new issue when you have questions or find some bugs.

About

Learning GraphQL by making space photo gallery app with it

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published