2Taps Restaurant & Catering System
2Taps is a comprehensive restaurant management system that combines modern frontend technologies with a robust backend infrastructure. The system handles both restaurant operations and catering services, featuring real-time order processing, secure payment integration, and automated email notifications.
Technical Architecture
Three-tier architecture with Next.js frontend, Strapi admin panel, and shared PostgreSQL database
Technical Details
Frontend
Framework: Next.js 13 with TypeScript
State Management: Redux Toolkit with React Query
Styling: TailwindCSS with Chakra UI components
Notable Features
- Server-side rendering
- Optimized image loading
- Responsive design system
- Form handling with Formspree
- Interactive UI components with Headless UI
Backend
Framework: Next.js API Routes with tRPC
Database: PostgreSQL with Prisma ORM
API: tRPC with SuperJSON serialization
Notable Features
- Type-safe API endpoints
- Automated database migrations
- Secure payment processing
- Email notification system
- File upload handling
Infrastructure
Hosting: Vercel (Frontend) / Cloud Platform (Strapi)
Deployment: Vercel CI/CD, Strapi Cloud
Monitoring: Vercel Analytics
Notable Features
- Automatic deployments
- Edge functions support
- Serverless architecture
- Built-in monitoring and analytics
- Separate admin panel deployment
Project Screenshots
Homepage
2Taps Wine Bar homepage with reservations and food truck hire
The Venue
Belfast venue with outdoor terrace dining
Team & Role
Team Information
Team Size: Small
Role: Full Stack Developer
Responsibilities
- Frontend development
- Backend API development
- Database design and implementation
- Payment integration
- Strapi CMS configuration and customization
- Content modeling and management
- Deployment and maintenance