Discuss

Discuss was built with the purpose to create a community of learners so that they can discuss various topics. As this age is blooming, the human brain and the human heart-based discussion really has a great impact.

On this platform, anyone can log in using their GitHub account and then:

• Create topics
• Make posts on topics
• Comment on posts
• Reply to comments

This ensures efficient multi-way communication while breaking personal identity barriers, as the auth is used only via GitHub.

Features

• User Interface:

  • Light and Dark theme
  • Homepage with:
    • Popular posts based on comments
    • All tags displayed
    • Dialog to create a new tag

• Tag Page:

  • Individual tag pages displaying all posts under that tag
  • Dialog to create a new post for that tag

• Post Page:

  • Displays all content
  • Shows comments
  • Ability to reply to comments

Tech Stack

• Frontend & Backend: Next.js
• ORM: Prisma
• Database: SQLite
• Authentication: GitHub (NextAuth)

Concepts Learned

• Server-side and client-side rendering
• Server components
• Server actions
• Form validation using zod
• Use of react-hook-form
• Static site generation (SSG)
• Generate metadata
• Next.js providers
• And many more

Here are the screen-shots

Dark Theme

Light Theme

Create Topic

Post on Topic

Create Post

View Post

Comment and Reply

Mobile View