Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Midterm presentation (Intro to Senior Project)

Download the PowerPoint

Social Media Web Application

$100K MRR Team

Team members

Slater Leonardo

  • API
  • Database

Nathan Lodge

  • Frontend Developer
  • Designer

Project overview

This will be a full featured social media with a unique emoji reaction system.

Including everything you'd expect like:

  • User accounts
  • Posts (with images, GIFs, or a video)
  • Reactions
  • Replies
  • Sharing
  • Hashtags/mentions

It will also support extra features like realtime notifications, a developer bot API, and multiple themes to choose from.

Tech stack

Frontend

  • Next.js / React
  • Tailwind CSS
  • TypeScript
  • Socket.io Client

Backend

  • Golang
  • Gin (Go API Router)
  • Gorm (Go ORM)
  • Socket.io Server

Infrastructure

  • PostgreSQL
  • Docker
  • Minio S3 (Blob Storage)

Services

  • GitHub
  • Cloudflare
  • Google OAuth (maybe)

Gantt chart

Use case diagram

Post management

Profile management

Timeline

ERD: Account

ERD: Posts

ERD: Admin

Wireframe (Feed)

Wireframe (Explore)

Wireframe (Notifications)

Wireframe (Profile)

Wireframe (Settings)