How this project works
Tidepool Commons is the Remix remake of Westloop: a neighborhood social network with accounts, profiles, follows, likes, comments, a following timeline, search, notices, and a real Ubuntu VPS deploy. Each numbered folder in fcc-remix-social is a working snapshot.
The stack, and why these tools
| Job | Choice | Why |
|---|---|---|
| Language / framework | TypeScript, Remix | Remix actions are the native place for follow POSTs. Loaders shape the feed. Prisma + Postgres on a VPS is `remix-serve`. |
| Database | PostgreSQL | Follows, likes, and comments need foreign keys and unique pairs. SQLite is only for the first laptop boot. |
| CSS | Tailwind CSS | Feeds, avatars, and a sticky nav are layout-heavy. Utilities stay in the templates you already edit. |
| JavaScript | Remix actions + Alpine.js | Progressive enhancement: the follow form works without JS, then Remix hydrates. Alpine for the menu. |
| Authentication | Cookie session storage + bcrypt | createCookieSessionStorage. Never put the session token in localStorage. |
| Process / proxy | Node + systemd, Nginx, Let’s Encrypt | Same VPS shape as Westloop: one app process, Postgres on localhost, Nginx for TLS and static/media files. |
| Hosting / DNS | Hetzner Cloud CX22 (or Contabo / DigitalOcean), Cloudflare Registrar + DNS | You own the box. PaaS is easier and teaches less. |
| Console locally, Postmark in production | Password reset must leave the laptop. |
If you already finished the Remix blog, keep going — this project adds a social graph and a VPS ship, not another CRUD journal.
Parts in order
Work through the parts in sequence. Each lesson explains the ideas, then points you to a runnable GitHub snapshot.