Coder Social home page Coder Social logo

ikismail / nodejs_graphql Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 2.0 327 KB

A Simple Node Application using Using GraphQL + NodeJS + ExpressJS

JavaScript 22.46% TypeScript 48.72% HTML 27.96% CSS 0.87%
appolloclient graphql mongodb angular6graphql angular6 nodejs express graphql-server graphql-client graphql-schema

nodejs_graphql's Introduction

Reading List Application

Developed a Simple Reading list Application using AngularV6 + ApolloClient as FrontEnd and NodeJs + Express + GraphQL + MongoDB as Backend

Functionalities:

  • Get Books List using GraphQL Query
  • Add Book
  • Add Author
  • Get Book - which return the book details and authors detail and similar books return by this author.

GraphQL Queries:

  • GraphQL Query for getBook

    query($id: ID) {
      book(id: $id) {
          id 
          name 
          genre 
          author { 
              id 
              name 
              age 
              books { 
                  id 
                  name 
                  genre 
              } 
          } 
      } 
    }
    

Folder Details:

  • Server -> Server Folder is nothing but backend NodeJS + Express Application, and used GraphQL for Querying the data from the MongoDB Database.
  • Client -> Client folder is Angular6 Front end Application

Installation:

  • run npm install inside both client and server folders

  • run ng build -prod inside the client directory to build the Angular application and build files will be saved into the server/public directory.

  • After that run node app.js inside the server folder to run the node application.

  • navigate to http://localhost:4000/ .

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.