Skip to content

Fullstack library application using Apollo GraphQL Server on backend and Apollo Client with GraphQL on frontend

Notifications You must be signed in to change notification settings

atabaygorkem/fullstackopen-GraphQL-Apollo-part8

Repository files navigation

GraphQL, Apollo projects

d-fullstack-library directory contains final form of the project.

a-apollo-server

Install the dependencies and start the server.

cd a-apollo-server
npm install
npm start

Check localhost:4000 to see Apollo Server interface.

b-library-frontend-apollo-client

  • This part uses the server from a-apollo-server, so make sure the server is running before following the steps below.

Install the dependencies.

cd b-library-frontend-apollo-client
npm install
npm start

Check localhost:3000.

c-apollo-server-mongoose

Install the dependencies.

cd a-apollo-server
npm install

Create .env file at the root of the project. Set MONGODB_URI=your_mongodb_uri (see)

You can also set database name (e.g fsoLibrary) in uri. It is not mandatory.

Set SECRET_KEY=your_secret_key Start the server.

npm start

Check localhost:4000 to see Apollo Server interface.

d-fullstack-library

This directory contains both the backend and the frontend of ultimate form of the project.

apollo-server-mongoose

Install the dependencies.

cd apollo-server-mongoose
npm install

Create .env file at the root of the project. Set MONGODB_URI=your_mongodb_uri (see)

You can also set database name (e.g fsoLibrary) in uri. It is not mandatory.

Set SECRET_KEY=your_secret_key Start the server.

npm start

Check localhost:4000 to see Apollo Server interface.

library-frontend-apollo-client

  • This part uses the server from apollo-server-mongoose, so make sure the server is running before following the steps below.

Install the dependencies.

cd library-frontend-apollo-client
npm install
npm start

Check localhost:3000.

To use login functionality in the application, you need to manually create a user in MongoDB by Apollo Server

  • Navigate to localhost:4000 Apollo Server interface in your browser
  • Choose mutation -> createUser respectively
  • Fill in required places and click Mutation

Then log in

  • Navigate to localhost:3000
  • Click login and type your username manually created
  • Type secret as password and log in

University of Helsinki Certificate

UniversityOfHelsinkiCertificate Certificate link: https://studies.cs.helsinki.fi/stats/api/certificate/fs-graphql/en/8a44720b6aff8026712ae5683bdffb47

About

Fullstack library application using Apollo GraphQL Server on backend and Apollo Client with GraphQL on frontend

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published