Skip to content
/ lyre Public

It is a simple test project for creating music and learning GraphQL and Apollo.

Notifications You must be signed in to change notification settings

gymnasion/lyre

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Music box created with React/GraphQL

Lyre

Test Status GitHub Stars GitHub Followers GitHub Issues GitHub Pull Requests

Lyre - is the mentoring project created to inspire you to play some music, learn Apollo and GraphQL. Look on this medium post about gymnasion mentor academy.

Lyre

Live Demo

Overview

Featuring Technologies

  • Create react app - (Scaffold)
  • React - (UI Framework)
  • GraphQL(GraphCool) - (Web Data API)
  • Apollo - (GraphQL Client)
  • Webpack - (Build tool)
  • Redux - (State Management)
  • Node.js(Heroku) - (Web Server)
  • Express - (Web App Server)
  • Babel - (JS Transpiling)
  • ESLint - (JS Best Practices/Code Highlighting)
  • Jest - (Tests)

Architectural Benefits

Front End

  • Declarative UI - (react)
  • Functional State Management - (redux)
  • GraphQL Fragment Colocation - (react-apollo)

Server

  • Universal JS - (node & express)
  • Declarative GraphQL Schema - (react-tools)
  • Use GraphCool as a service for hosting GraphQL
  • Hosted in Heroku

Dev/Test

  • Hot Module Reloading - (webpack)
  • Snapshot Testing - (jest)
  • Package Install - (npm v.5)
  • JS Best Practices - (eslint)

How To Start

One Click Download & Run

You can download and run the repo with one command to rule them all:

git clone https://github.com/gymnasion/lyre.git && cd lyre && npm install && npm start

Setup

Running the app in dev mode is fully featured including hot module reloading:

npm install

npm start

To run in production mode:

npm run build && npm start

Configuration

The project has zero configuration thanks to Create react app.

How To Test

Jest

npm test

This project uses Jest and can do snapshot testing of React components. Whenever a component is changed, please update the snapshots using npm test -- -u or jest --updateSnapshot.

Contributing

Pull requests are welcome. File an issue for ideas, conversation or feedback.

Community

After you ★Star this project, join us @gymnasion on Github. We are looking for more attendees, mentors and ideas. Thanks to @FanQueen, @barsukov for participating

About

It is a simple test project for creating music and learning GraphQL and Apollo.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published