https://github.com/leocodeio/porters5forcestemplate
An editable template that would help me define porters 5 forces
https://github.com/leocodeio/porters5forcestemplate
Last synced: 5 months ago
JSON representation
An editable template that would help me define porters 5 forces
- Host: GitHub
- URL: https://github.com/leocodeio/porters5forcestemplate
- Owner: leocodeio
- Created: 2025-08-18T16:00:49.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-19T03:59:56.000Z (11 months ago)
- Last Synced: 2025-10-24T03:54:23.847Z (9 months ago)
- Language: HTML
- Size: 7.81 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Porter's Five Forces Analysis Template
A clean, interactive web application for conducting Porter's Five Forces business strategy analysis. This tool helps businesses analyze competitive forces within their industry using Michael Porter's renowned framework.
## 🌟 Features
- **Interactive Interface**: Click on each force to add detailed analysis
- **Clean Design**: Modern, responsive layout that works on all devices
- **Export Options**: Save your analysis as PDF or JSON
- **Import/Export**: Load existing analysis from JSON files
- **Local Storage**: Automatically saves your work in the browser
- **Professional PDF Output**: Export with title and formatted content
## 🚀 Quick Start
1. **Clone the repository**:
```bash
git clone https://github.com/leocodeio/Porters5ForcesTemplate.git
cd Porters5ForcesTemplate
```
2. **Open the application**:
- Simply open `index.html` in your web browser
- No server setup required - it's a static web application
3. **Start analyzing**:
- Click on any of the five forces to open the analysis modal
- Enter your detailed analysis for each force
- Your work is automatically saved to browser storage
## 📊 The Five Forces
1. **Potential New Entrants** - Threat of new competitors entering the market
2. **Power of Suppliers** - Bargaining power of input suppliers
3. **Power of Buyers** - Bargaining power of customers
4. **Availability of Substitutes** - Threat of substitute products or services
5. **Competition in the Industry** - Intensity of competitive rivalry
## 🛠️ Usage
### Adding Analysis
- Click on any force card to open the analysis modal
- Enter your detailed analysis in the text area
- Click "Save" to store your analysis
### Exporting Data
- **PDF Export**: Creates a professional document with the interface diagram and all analysis content
- **JSON Export**: Saves your analysis data in a portable format
### Importing Data
- Use "Import JSON" to load previously saved analysis
- Supports merging with existing content
## 💾 Data Storage
- **Browser Storage**: Your analysis is automatically saved in browser localStorage
- **Export Options**: Create backups using JSON export feature
- **Cross-Device**: Use JSON export/import to transfer analysis between devices
## 🎨 Customization
The application uses clean CSS that can be easily customized:
- Colors and themes in the `` section
- Layout adjustments in the grid system
- Icon changes in the force elements
## 📱 Responsive Design
- **Desktop**: Full grid layout with optimal spacing
- **Mobile**: Stacked layout for easy mobile interaction
- **Tablet**: Adaptive design that works on all screen sizes
## 🔧 Technical Details
- **Pure HTML/CSS/JavaScript**: No frameworks or dependencies
- **External Libraries**:
- jsPDF for PDF generation
- html2canvas for interface capture
- **Browser Compatibility**: Works in all modern browsers
## 📄 File Structure
```
Porters5ForcesTemplate/
├── index.html # Main application file
└── README.md # This documentation
```
## 🤝 Contributing
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📝 License
This project is open source and available under the [MIT License](LICENSE).
## 🙏 Credits
- **AI Development**: Sonnet 4 (Claude)
- **Prompting, Debugging & Deployment**: Harsha
- **Framework**: Based on Michael Porter's Five Forces model
## 📞 Support
For questions, issues, or contributions, please visit the [GitHub repository](https://github.com/leocodeio/Porters5ForcesTemplate.git).
---
**Made with ❤️ for business strategy analysis**