The EmojiStamper app is built on Replit / Assistent.
Frontend (Client):
- React with TypeScript for the UI framework
- Vite as the build tool and development server
- TailwindCSS for styling
- Shadcn/UI components (based on Radix UI) for UI elements
- React Query for data fetching and state management
- Wouter for routing
Backend (Server):
- Express.js server with TypeScript
- Drizzle ORM for database operations
- JWT and bcrypt for authentication
- Express Rate Limiting for API protection
- resend.com email
Database:
- Neon (PostgreSQL) database via @neondatabase/serverless
Key Features:
- Matrix grid system for emoji placement
- Canvas-based stamp generation
- Real-time preview capabilities
- Template gallery system
- User authentication
- Image processing and storage
- Tooltips and interactive UI elements
The architecture follows a modern full-stack JavaScript/TypeScript setup with a clear separation between client and server code, using RESTful APIs for communication.
Assistant mode Claude 3.5 Sonnet V2
