A 28-Day Journey to Build a Production-Ready DevOps Portfolio Combining full-stack development with professional DevOps practices — from frontend UI to CI/CD pipelines, infrastructure as code, and monitoring. (Currently on hold, Restarting soon)
To create a public, recruiter-ready portfolio that demonstrates:
- Modern React/Next.js frontend development
- Professional DevOps workflows and tooling
- CI/CD pipelines with GitHub Actions
- Infrastructure as Code with Terraform
- Multi-environment cloud deployment
- Monitoring and observability integration
Frontend: Next.js 15 + TypeScript + Tailwind CSS DevOps: GitHub Actions, Terraform (planned), Prometheus/Grafana (planned) Environments: Local (WSL), Vercel (staging), AWS (planned production)
| Day | Focus | Status |
|---|---|---|
| 1 | Environment setup, Git workflow, repo security | ✅ Completed |
| 2 | React fundamentals, first interactive component | ✅ Completed |
| 3 | Next.js multi-page structure, navigation | ✅ Completed |
| 4–7 | Responsive design, styling, content integration | 🔄 Planned |
| 8–14 | Backend API, database, authentication | 🔄 Planned |
| 15–21 | Docker, Kubernetes, Terraform | 🔄 Planned |
| 22–28 | CI/CD pipeline, monitoring, final deployment | 🔄 Planned |
devops-portfolio-pro/ ├── docs/ │ ├── PROJECT_OVERVIEW.md # High-level project roadmap │ ├── learning/ # Daily logs │ │ ├── DAY-01-SETUP.md │ │ ├── DAY-02-REACT-FUNDAMENTALS.md │ │ └── WEEK-01-REVIEW.md │ ├── architecture/ │ └── troubleshooting/ │ ├── frontend/ # Next.js app │ ├── src/app/page.tsx │ ├── public/images/ │ ├── package.json │ └── tailwind.config.js │ ├── daily_progress/ # Consolidated logs & challenges │ ├── learning_log.md │ └── challenges_faced_day02.md │ └── README.md # You're here!
git clone https://github.com/SHUBHADEEPXT/Portfolio-pro.git
cd Portfolio-pro/frontend
npm install
npm run dev
- Project Overview – Full details, roadmap, and weekly reviews
- Daily Learning Log – Day-by-day progress
This project is being documented in detail for:
- GitHub: Full code and documentation
- LinkedIn: Weekly progress updates
- Twitter/X: Bite-sized daily learnings
Author: Shubhadeep Bhowmik Days Completed: 5/28 Last Updated: August 17, 2025 License: MIT