GithubHelp home page GithubHelp logo

nikhil-giramkar / books-via-graphql Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 157 KB

A mini project to demonstrate use of GraphQL in MERN Stack application

JavaScript 89.52% HTML 2.35% CSS 8.13%
apollo express graphql mongodb nodejs react

books-via-graphql's Introduction

Books-via-GraphQL

  • A simple book store which displays list of books.
  • Users can add new books and associate them with authors present in database.
  • On clicking any book, users can view details of current book, its author and all other books written by same author.

    • Tech Stack

  • Frontend - React, Apollo Client
  • Backend - Nodejs, Express Js, GraphQL
  • Database - MongoDB Atlas

    • Preview

    Fetching all books from DB via getBooks query in GraphQL

    Screenshot (217)

    Populating list of authors from DB in Drop-down via getAuthors query in GraphQL &

    Adding new Book to above list on clicking + button using addBookMutation in GraphQL in background

    Screenshot (218)

    Displaying book details, author name and all books by that author - all of this via single GraphQL query

    Screenshot (219)

    To build this app from Scratch

  • Go through each commit history and Notes.txt added.
  • I have written detailed description in Notes.txt with every commit.

    • To run the application

    Start the server

      cd server
  nodemon app.js

    Start the client

      cd client
  npm run dev

    books-via-graphql's People

    Contributors

    nikhil-giramkar avatar

    Watchers

    avatar

    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.