An AI-powered tool for small hotels to create and manage professional social media posts using Canva for Teams API.
- AI-powered image and text generation for special occasions
- Seamless Canva integration with SSO
- Real-time collaboration and image locking
- Social media platform integration (Instagram, Facebook, Twitter, LinkedIn)
- Post scheduling and analytics
- User-friendly interface for non-technical users
- React.js
- Material-UI
- Redux for state management
- Socket.io for real-time features
- Node.js with Express
- MongoDB for database
- JWT for authentication
- Socket.io for real-time features
- Canva for Teams API integration
- Social Media Platform APIs
- Node.js (v14 or higher)
- MongoDB
- Canva for Teams API credentials
- Social Media Platform API credentials
- Clone the repository
git clone [repository-url]- Install dependencies
# Install backend dependencies
cd backend
npm install
# Install frontend dependencies
cd ../frontend
npm install- Set up environment variables
# Backend (.env)
MONGODB_URI=your_mongodb_uri
JWT_SECRET=your_jwt_secret
CANVA_API_KEY=your_canva_api_key
CANVA_API_SECRET=your_canva_api_secret
# Frontend (.env)
REACT_APP_API_URL=your_backend_url
REACT_APP_CANVA_CLIENT_ID=your_canva_client_id- Start the development servers
# Start backend server
cd backend
npm run dev
# Start frontend server
cd ../frontend
npm starthotel-social-media-generator/
├── frontend/ # React frontend application
│ ├── src/
│ │ ├── components/ # Reusable UI components
│ │ ├── pages/ # Page components
│ │ ├── services/ # API services
│ │ ├── store/ # Redux store
│ │ └── utils/ # Utility functions
│ └── public/ # Static files
├── backend/ # Node.js backend application
│ ├── src/
│ │ ├── controllers/ # Route controllers
│ │ ├── models/ # Database models
│ │ ├── routes/ # API routes
│ │ ├── services/ # Business logic
│ │ └── utils/ # Utility functions
│ └── config/ # Configuration files
└── README.md
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.