Skip to content

Notes-taking πŸ“˜ app with optimistic UI updates developed using NestJS, GraphQL, JWT-Authentication (i.e. Access Token & Refresh Token), React, and Apollo-Client.

Notifications You must be signed in to change notification settings

en-atul/notebook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

56 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Notebook (Notes taking app)

Developed using Nestjs, GraphQL, Prisma, Docker, ReactJS, Apollo/Client.

Backend

Stack:

  • NestJS
  • GraphQL
  • Passport
  • graphql-subscriptions
  • Prisma
  • Docker
  • Postgresql
features:
  1. Jwt authentication/authorization
  2. CRUD Note
  3. realtime update using graphql-subscriptions
  4. refresh token
  5. subscriptions-transport-ws authentication
  6. graphql-ws authentication

Steps to run backend

  • npm run docker:up (in case you don't want to use docker, then please replace the DATABASE_URL in server/.env)
  • npm install
  • npm run start:dev

DB Data Visualize

npx prisma studio

DB Visualize

Realtime Data using GraphQL-Subscription

Realtime Data

Frontend Stack

  • ReactJS
  • GraphQL
  • Typescript
  • Apollo/Client

Steps to run frontend

  • npm install
  • npm start

Signup

SignUp

Login

Login

Note Action Popup

Note Action Popup

Logout Popup

Logout Popup

About

Notes-taking πŸ“˜ app with optimistic UI updates developed using NestJS, GraphQL, JWT-Authentication (i.e. Access Token & Refresh Token), React, and Apollo-Client.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published