https://github.com/ollionorg/dst_cloud_zone
https://github.com/ollionorg/dst_cloud_zone
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ollionorg/dst_cloud_zone
- Owner: ollionorg
- Created: 2025-05-29T07:49:32.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-06-13T06:54:13.000Z (4 months ago)
- Last Synced: 2025-06-13T07:42:22.014Z (4 months ago)
- Language: HTML
- Homepage: https://dst-cloud-zone.vercel.app
- Size: 474 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DST Multi-Cloud Transformation Plan
An interactive web application that outlines Ollion's comprehensive deployment strategy for DST's multi-cloud transformation. This application provides a detailed roadmap for implementing IaaS, Migration Services, Data Storage, and DRaaS, focusing on a phased journey from DST's UNN infrastructure to white-labeled offshore CSP environments.
## 🌟 Features
- **Interactive Navigation**: Smooth section transitions and mobile-responsive navigation
- **Dynamic Content**: Expandable sections for detailed information
- **Visual Roadmap**: Interactive Gantt-like chart using Chart.js
- **Responsive Design**: Optimized for all device sizes using Tailwind CSS
- **Modern UI**: Clean, professional interface with smooth animations## 🛠️ Technologies Used
- **Frontend Framework**: HTML5, CSS3, JavaScript (ES6+)
- **CSS Framework**: [Tailwind CSS](https://tailwindcss.com)
- **Charts**: [Chart.js](https://www.chartjs.org)
- **Deployment**: Vercel## 📋 Project Structure
```
dst_cloudzone/
├── public/
│ ├── index.html # Main HTML file
│ ├── styles.css # Custom styles
│ └── script.js # JavaScript functionality
├── vercel.json # Vercel deployment configuration
└── README.md # Project documentation
```## 🚀 Getting Started
### Prerequisites
- A modern web browser (Chrome, Firefox, Safari, Edge)
- Node.js and npm (for local development)### Local Development
1. Clone the repository:
```bash
git clone [repository-url]
cd dst_cloudzone
```2. Open `public/index.html` in your browser or use a local server:
```bash
# Using Python
python -m http.server 8000
# Using Node.js
npx serve public
```3. Access the application at `http://localhost:8000`
## 🎯 Key Sections
1. **Overview**: Executive summary and strategic imperatives
2. **Landing Zones**: Foundational deployment strategy
3. **Use Cases**: Detailed implementation phases
4. **Roadmap**: Visual project timeline
5. **Service Delivery**: Multi-cloud integration details
6. **Governance**: Project management framework
7. **Key Considerations**: Strategic recommendations
8. **Glossary**: Technical terms and definitions## 🔧 Configuration
### [Optional] Gemini API Integration
To enable AI-powered risk analysis:
1. Obtain a Gemini API key.
2. Set the GEMINI_API_KEY environment variable in your Vercel project settings.
3. The application uses a secure Vercel serverless function (`/api/generateInsights`) to proxy requests to the Gemini API, so your API key is never exposed to the browser.### Customization
- Colors and themes can be modified in `styles.css`
- Chart configurations can be adjusted in `script.js`
- Content can be updated in `index.html`## 📦 Deployment
The application is configured for deployment on Vercel:
1. Push your code to a Git repository
2. Connect your repository to Vercel
3. Deploy using either:
- Vercel Dashboard
- Vercel CLI (`vercel` command)## 🤝 Contributing
1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push to the branch
5. Create a Pull Request## 📄 License
This project is proprietary and confidential. All rights reserved by Ollion and DST.
## 👥 Authors
- **Ollion** - *Initial work*
## 🙏 Acknowledgments
- DST for collaboration
- Chart.js for visualization capabilities
- Tailwind CSS for the styling framework