My fullstack TS application with PostgreSQL database and GraphQL api.

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Backend: Node.js + Express (typescript), Apollo Server, typeorm, graphql, session-cookie authentication, argon2 (hashing password), Redis (caching)โ€ฆ

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป Frontend: React.js (typescript), Next.js (for server side rendering), Chakra-UI (css style components), Apollo client, graphql, Formik, Slate.js (for rich-text-editor), โ€ฆ

โœ๏ธ Some features: WYSIWYG text editor, Full-text search with tsvector/tsquery in PostgreSQL, infinite scrolling pagination (with load button)

๐Ÿ’ก Upcoming features: push notification, recommended system for posts/authors, direct message (with graphql subscription)

โฐ Timestamps:

  • 00:00 Landing page
  • 00:10 /blog page
  • 00:25 /post/id page
  • 00:38 Login page
  • 00:44 Register page
  • 01:35 Create post page (with rich text editor)
  • 04:08 Upvote/Downvote and comment features
  • 04:28 Publications (groups) page
  • 05:17 Dark mode
  • 05:48 User profile, following feature
  • 06:04 Create new publication (group)
  • 06:58 Logout feature
  • 07:20 Search posts feature (full-text search with PostgreSQL)

Thanks for watching! ๐Ÿฅฐ

#typescript #postgresql #graphql

Fun-stack (Fullstack) TypeScript Application with PostgreSQL and GraphQL
3.05 GEEK