/Mini-Reddit

A Mini Reddit deployed to www.codedevr.com! Give it a try!

Primary LanguageTypeScript

this is a fullstack project that I built in an attempt to learn and familiarise myself with the tech stack for a fullstack web. this project is followed from ben awad's fullstack react with graphql tutorial.


technologies involved

backend/server

  • postgresql (database)
  • node.js express (server side development)
  • nodemailer (handles email sending)
  • redis (in memory datastore)
  • graphql (query langague)
  • typeORM (typescript ORM)
  • typegraphql (framework for graphql api in node.js)
  • apollo server (graphql server)

frontend/web

  • react
  • typescript
  • next.js with chakra (urql has next.js integration for SSR)
  • codegen (graphql code generator)
  • apollo client (graphql react client)

deployment

concepts

  • server side rendering
  • session authentication
  • pagination (with offset + cursor)

extra notes

  • tried out mikroORM and replaced it with typeORM
  • tried out urql and replaced it with apollo client

this project encapsulates multiple frameworks and concepts, which i will try to explain in my concept.txt as best as i can - at least the ones i find interesting and important to know when doing a fullstack application.