"Where every order is crafted with love and every bite tells a story of artisan excellence"
Bakery Bliss is a comprehensive, full-stack bakery management system that revolutionizes how artisan bakeries operate. From custom cake creation to seamless order management, our platform brings the warmth of traditional baking into the digital age.
- Interactive Design Studio: Drag-and-drop interface for cake customization
- Real-time Preview: See your creation come to life instantly
- Layer Management: 2-layer and 3-layer cake options
- Design Elements: Butterflies, roses, strawberries, and more
- Color Themes: Green, pink, red color schemes
- ๐๏ธ Customers: Browse, order, and track custom cakes
- ๐จโ๐ณ Junior Bakers: Handle assigned orders and communicate with customers
- ๐งโ๐ณ Main Bakers: Oversee operations, manage teams, and approve applications
- ๐ Administrators: System oversight and user management
- Customer-Baker Chat: Direct communication for order clarification
- Junior-Main Baker Chat: Professional collaboration channels
- Real-time Messaging: Instant updates and notifications
- Order-Specific Discussions: Context-aware conversations
- Transparent Earnings: Real-time tracking of baker compensation
- Order-Based Payments: Fair distribution system
- Performance Metrics: Track completed orders and earnings
- Financial Dashboard: Comprehensive earning insights
- Baker Applications: Customer to Junior Baker pathway
- Promotion System: Junior Baker to Main Baker advancement
- Skill Assessment: Order completion requirements
- Team Management: Main Baker oversight capabilities
โ๏ธ React 18.2.0 // Modern UI framework
๐ท TypeScript 5.0 // Type-safe development
๐จ Tailwind CSS 3.4 // Utility-first styling
๐งฉ Shadcn/UI // Beautiful component library
๐ React Query (TanStack) // Server state management
๐ฃ๏ธ Wouter // Lightweight routing
๐ React Hook Form // Form management
๐ญ Framer Motion // Smooth animations๐ Express.js 4.18 // Web application framework
๐ท TypeScript 5.0 // Type-safe backend
๐๏ธ PostgreSQL 15 // Robust relational database
๐ง Drizzle ORM // Type-safe database operations
๐ JWT Authentication // Secure user sessions
๐ Express Validator // Input validation
๐ CORS // Cross-origin resource sharingโก Vite 5.0 # Lightning-fast build tool
๐ฆ npm # Package management
๐ Hot Module Reload # Instant development feedback
๐จ PostCSS # CSS processing
๐ฑ Responsive Design # Mobile-first approachgraph TB
A[๐ Frontend - React + TypeScript] --> B[๐ API Layer - Express.js]
B --> C[๐๏ธ Database - PostgreSQL]
B --> D[๐ Authentication - JWT]
B --> E[๐ File Storage - Local/Cloud]
F[๐ฅ User Roles] --> G[๐๏ธ Customer]
F --> H[๐จโ๐ณ Junior Baker]
F --> I[๐งโ๐ณ Main Baker]
F --> J[๐ Admin]
K[๐ Core Features] --> L[Custom Cake Builder]
K --> M[Order Management]
K --> N[Chat System]
K --> O[Payment Tracking]
K --> P[User Progression]
๐ Node.js 18.0+
๐๏ธ PostgreSQL 15+
๐ฆ npm or yarn- Clone the Sweet Repository ๐ฏ
<<<<<<< HEAD
git clone https://github.com/yourusername/bakery-bliss.git
=======
git clone https://github.com/misbah/bakery-bliss.git
>>>>>>> db87b0bf4a999435382396d5e2ad3f6237802628
cd bakery-bliss- Install Dependencies ๐ฆ
# Install all dependencies
npm install- Environment Setup ๐ง
# Copy environment template
cp .env.example .env
# Configure your environment variables
DATABASE_URL="postgresql://user:password@localhost:5432/bakery_bliss"
JWT_SECRET="your-secret-key"
NODE_ENV="development"- Database Setup ๐๏ธ
# Run database migrations
npm run db:push
# Seed initial data (optional)
npm run db:seed- Launch the Bakery ๐
# Start development server
npm run dev
<<<<<<< HEAD
# Server runs on http://localhost:5000
# Frontend runs on http://localhost:5173
=======
# Project runs on http://localhost:5000
>>>>>>> db87b0bf4a999435382396d5e2ad3f6237802628๐ bakery-bliss/
โโโ ๐จ client/ # Frontend React application
โ โโโ ๐ public/ # Static assets
โ โโโ ๐ฑ src/
โ โ โโโ ๐งฉ components/ # Reusable UI components
โ โ โโโ ๐ pages/ # Application pages
โ โ โโโ ๐ง hooks/ # Custom React hooks
โ โ โโโ ๐ lib/ # Utility functions
โ โ โโโ ๐จ styles/ # CSS and styling
โโโ โ๏ธ server/ # Backend Express application
โ โโโ ๐ฃ๏ธ routes.ts # API endpoints
โ โโโ ๐พ storage.ts # Database operations
โ โโโ ๐๏ธ db.ts # Database connection
โ โโโ ๐ auth.ts # Authentication logic
โโโ ๐ค shared/ # Shared types and schemas
โโโ ๐๏ธ drizzle/ # Database schema and migrations
โโโ โ๏ธ Configuration files
The heart of Bakery Bliss - an intuitive, visual cake design system that allows customers to create their dream cakes.
Features:
- Visual Editor: Real-time cake preview with drag-and-drop interface
- Layer Selection: Choose between 2-layer and 3-layer designs
- Design Library: Extensive collection of decorative elements
- Color Schemes: Professionally curated color combinations
- Save & Share: Save designs and share with friends
Sophisticated user management system supporting four distinct roles:
- Browse product catalog
- Create custom cake orders
- Track order progress
- Chat with assigned bakers
- Leave reviews and ratings
- View assigned orders
- Update order status
- Chat with customers
- Apply for promotion
- Track earnings
- Oversee all operations
- Manage junior baker teams
- Approve customer applications
- Handle complex orders
- Monitor team performance
- User management
- System configuration
- Application approvals
- Analytics and reporting
- Platform oversight
Advanced chat system facilitating seamless communication:
- Order-Specific Chats: Contextual conversations tied to specific orders
- Role-Based Access: Appropriate communication channels for each user type
- Message History: Complete conversation records
- Typing Indicators: Real-time interaction feedback
- File Sharing: Share images and documents
- ๐ก๏ธ JWT Authentication: Secure token-based authentication
- ๐ Password Hashing: Bcrypt encryption for user passwords
- โก Rate Limiting: API endpoint protection
- ๐ CORS Configuration: Secure cross-origin requests
- โ Input Validation: Comprehensive data validation
- ๐ SQL Injection Prevention: Parameterized queries
Our robust PostgreSQL schema supports complex bakery operations:
- ๐ฅ Users: User authentication and profiles
- ๐ Products: Bakery product catalog
- ๐ Orders: Order management and tracking
- ๐ฌ Chats: Communication system
- ๐ฐ Baker Earnings: Payment tracking
- ๐ข Baker Teams: Team organization
- ๐ Applications: Role progression system
# Unit Tests
npm run test:unit
# Integration Tests
npm run test:integration
# End-to-End Tests
npm run test:e2e
# Test Coverage
npm run test:coverage# Build for production
npm run build
# Preview production build
npm run preview- Development: Full debugging and hot reload
- Staging: Production-like environment for testing
- Production: Optimized build with monitoring
We welcome contributions from the community! Here's how you can help:
- ๐ด Fork the repository
- ๐ฟ Create a feature branch:
git checkout -b feature/amazing-feature - ๐พ Commit your changes:
git commit -m 'Add amazing feature' - ๐ค Push to branch:
git push origin feature/amazing-feature - ๐ฏ Open a Pull Request
- Follow TypeScript best practices
- Write comprehensive tests
- Update documentation
- Follow commit message conventions
POST /api/auth/login // User login
POST /api/auth/register // User registration
POST /api/auth/logout // User logout
GET /api/auth/me // Get current userGET /api/orders // Get all orders
POST /api/orders // Create new order
GET /api/orders/:id // Get specific order
PATCH /api/orders/:id // Update order
DELETE /api/orders/:id // Cancel orderGET /api/cake-builder/shapes // Get available shapes
GET /api/cake-builder/flavors // Get available flavors
GET /api/cake-builder/decorations // Get decorations
POST /api/custom-cakes // Save custom design- ๐ฑ Mobile App: React Native implementation
- ๐ค AI Integration: Smart cake design suggestions
- ๐ Advanced Analytics: Business intelligence dashboard
- ๐ Multi-language: Internationalization support
- ๐ณ Payment Gateway: Stripe/PayPal integration
- ๐ฆ Inventory Management: Stock tracking system
- Database Connection: Ensure PostgreSQL is running
- Environment Variables: Verify .env configuration <<<<<<< HEAD
- Port Conflicts: Check if ports 5000/5173 are available =======
- Port Conflicts: Check if ports 5000 are available
db87b0bf4a999435382396d5e2ad3f6237802628
This project is licensed under the MIT License - see the LICENSE file for details.
- Design Inspiration: Modern bakery aesthetics
- Community: Open source contributors
- Technologies: Amazing tools that made this possible
- Feedback: Beta users and testers
<<<<<<< HEAD
- ๐ง Email: support@bakerybliss.com
- ๐ฌ Discord: Join our community
- ๐ Issues: GitHub Issues =======
- ๐ง Email: misbah244176@gmail.com
- ๐ Issues: GitHub Issues
db87b0bf4a999435382396d5e2ad3f6237802628
- ๐ Documentation: Full Docs