A beautiful, modern WordPress forms plugin designed to replace WPForms with stunning UI/UX and powerful functionality. Built specifically for The Innovative Dinosaur website.
- Click the "Open in GitHub Codespaces" button above
- Wait for the environment to load
- Run the demo:
cd wordpress-demo && source venv/bin/activate && python src/main.py - Open the preview URL to see the WordPress admin interface
TiD-Forms/
├── wordpress-plugin/ # Complete WordPress plugin
│ ├── innovative-forms.php # Main plugin file
│ ├── includes/ # Core plugin classes
│ ├── admin/ # Admin interface
│ ├── public/ # Frontend assets
│ └── README.md # Plugin documentation
├── marketing-website/ # React marketing site
│ ├── src/ # React source code
│ ├── dist/ # Built website
│ └── package.json # Dependencies
├── wordpress-demo/ # WordPress admin demo
│ ├── src/ # Flask application
│ ├── venv/ # Python virtual environment
│ └── requirements.txt # Python dependencies
├── docs/ # Documentation
│ ├── mvp_requirements.md # MVP specifications
│ ├── technical_architecture_design.md
│ └── website_analysis.md
└── .devcontainer/ # Codespaces configuration
- 5 Stunning Themes: Modern, Professional, Elegant, Creative, Minimal
- Beautiful Forms: Newsletter, Contributors, Contact forms
- Admin Interface: Complete WordPress-style admin panel
- Entry Management: View, filter, export form submissions
- Security: Spam protection, GDPR compliance, input sanitization
- Shortcode System:
[innovative_form id="1"]
- Interactive Demos: Live form previews with theme switching
- Professional Design: Modern gradients and animations
- Mobile Responsive: Perfect on all devices
- Download Portal: Plugin distribution
- Live Admin Interface: Test the plugin in action
- Form Management: Create, edit, preview forms
- Entry Dashboard: View submissions and export CSV
- Settings Panel: Configure plugin options
- Click "Open in GitHub Codespaces" above
- Everything is pre-configured and ready to run
- Node.js 18+
- Python 3.11+
- Git
# Clone the repository
git clone https://github.com/magamawi/TiD-Forms.git
cd TiD-Forms
# Setup WordPress Demo
cd wordpress-demo
python -m venv venv
source venv/bin/activate # On Windows: venv\Scripts\activate
pip install -r requirements.txt
python src/main.py
# Setup Marketing Website (in new terminal)
cd marketing-website
npm install
npm run dev
# WordPress Plugin is ready to install
# Upload wordpress-plugin/ folder to your WordPress site- Marketing Website: https://kyoygvxv.manus.space
- WordPress Demo: https://zmhqivcmqoyz.manus.space
- MVP Requirements - Simplified feature specifications
- Technical Architecture - Complete system design
- Website Analysis - Original requirements analysis
- Implementation Guide - Development roadmap
- Purple-blue gradients
- Glass morphism effects
- Smooth animations
- Corporate blue styling
- Clean, business-focused design
- Professional typography
- Purple gradients
- Sophisticated styling
- Refined aesthetics
- Vibrant colors
- Artistic design elements
- Dynamic animations
- Clean, simple design
- Focus on content
- Subtle interactions
- Download the plugin from the marketing website
- Upload
wordpress-plugin/to your WordPress/wp-content/plugins/directory - Activate the plugin in WordPress admin
- Go to "Innovative Forms" in the admin menu
- Create your first form and use the shortcode
- Spam Protection: Honeypot fields and rate limiting
- GDPR Compliance: Consent management and privacy controls
- Input Sanitization: XSS and SQL injection prevention
- WordPress Security: Nonces and capability checks
- Dashboard View: All form submissions in one place
- Filter & Search: Find specific entries quickly
- CSV Export: Excel-compatible data export
- Entry Details: Complete submission information
This is the Minimum Viable Product (MVP) version focusing on:
- ✅ Core form functionality
- ✅ Beautiful themes
- ✅ WordPress integration
- ✅ Entry management
- ✅ CSV export
- ✅ Basic security
Future enhancements may include:
- Email notifications
- Payment processing
- Advanced conditional logic
- Third-party integrations
- Drag-and-drop form builder
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Commit your changes:
git commit -m 'Add amazing feature' - Push to the branch:
git push origin feature/amazing-feature - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
This plugin was specifically designed for The Innovative Dinosaur website to replace WPForms with a more beautiful and customizable solution.
- Issues: GitHub Issues
- Documentation: docs/ folder
- Live Demo: Test features at the demo links above
- Built with modern web technologies
- Designed for WordPress best practices
- Focused on user experience and security
- Created with ❤️ for The Innovative Dinosaur
Ready to transform your WordPress forms? Get started with TiD Forms today! 🚀