Technology Stack
Next.js (App Router)TypeScriptReact 19TailwindCSSNextAuthMongooseMongoDBResendbcryptjsZod
Project Overview
MyStryMessage is a message-sharing platform built with Next.js App Router. It includes user signup/sign-in with email verification, forgot-password (OTP) and reset flows, message sending/accepting APIs, and a protected dashboard — all backed by MongoDB and server-side APIs.
Project Screenshots
Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Key Features
- •Email verification with token/resend
- •Sign-up and sign-in using NextAuth
- •Forgot-password OTP and reset
- •Send, accept, and manage messages
- •Protected dashboard and profile pages
- •Server API routes with Zod validation
Challenges
- •Coordinating OTP/email flows and expiry
- •Integrating NextAuth with custom user model
- •Designing resilient API validation and DB models
Key Learnings
- •Advanced Next.js App Router patterns
- •Email workflows and third-party services
- •Secure password handling and token expiry
Interested in this project?
Check out the code or see it in action