A real time chat application built in TS using Next.js 14 technologies for fast and responsive real-time messaging.
- "next": "14.0.4"
- "react": "^18"
- "react-dom": "^18"
- "react-hook-form": "^7.49.2"
- "typescript": "^5"
- "@types/node": "^20"
- "@types/react": "^18"
- "@types/react-dom": "^18"
- "autoprefixer": "^10.0.1"
- "eslint": "^8"
- "eslint-config-next": "14.0.4"
- "next-auth": "^4.24.5"
- "next-auth/providers/google" // Google OAuth Integration
- "@next-auth/upstash-redis-adapter": "^3.0.4"
- "@upstash/redis": "^1.27.1" // Database interface
- "axios": "^1.6.4" // Fetch requests
- "@hookform/resolvers": "^3.3.3" // Integrates Zod validation
- "zod": "^3.22.4" // Input validation
- "tailwindcss": "^3.3.0"
- "@tailwindcss/forms": "^0.5.7"
- "postcss": "^8" // CSS Syntax transformation
- "tailwind-merge": "^2.2.0"
- "class-variance-authority": "^0.7.0" // Custom classes outside of Tailwind
- "clsx": "^2.0.0",
- "react-hot-toast" // Global toast notifications
- "lucide-react": "^0.300.0" // Global icons
View the full whiteboard PDF AppArchitecture_01.pdf