Private Space
Productivity App
Readiness67%
4/6
Project Hub
My web development projects
Each project has its own page with description, features, technologies and links. This section will grow together with my skills and portfolio.
Project control center
Portfolio delivery status
A technical snapshot of the current project portfolio: live demos, source repositories, visual previews and overall project readiness.
- Total projects
- 3
- Live demos
- 1/3
- Source available
- 1/3
- Visual previews
- 3/3
- Average readiness
- 78%
Planned
Aurora Beauty
Business Website
Readiness67%
4/6
Web Dev Portfolio
Portfolio Website
Readiness100%
6/6
Production gate
What makes a project portfolio-ready.
This section separates portfolio readiness from deployment readiness. A project can be fully documented and presentable even before its live demo or public source repository is connected.
Portfolio-ready projects
3/3
Deployment-ready projects
1/3
Average portfolio readiness
100%
Average deployment readiness
33%
Private Space
Productivity App
Portfolio
100%
Deployment
0%
Portfolio
ContentPreviewTechnical notesRelease notesImplementationTestingRoadmap
Deployment
LiveSource
Aurora Beauty
Business Website
Portfolio
100%
Deployment
0%
Portfolio
ContentPreviewTechnical notesRelease notesImplementationTestingRoadmap
Deployment
LiveSource
Web Dev Portfolio
Portfolio Website
Portfolio
100%
Deployment
100%
Portfolio
ContentPreviewTechnical notesRelease notesImplementationTestingRoadmap
Deployment
LiveSource
Delivery pipeline
How projects move from idea to portfolio-ready case study.
This portfolio is designed around repeatable project delivery: define the idea, build the interface, document technical decisions and connect live/source links when available.
- 1
Plan
Define what the project should show, what problem it solves and how it fits into the portfolio.
- Project goal
- Scope
- Content model
- 2
Build
Implement the frontend structure, reusable components and responsive UI.
- Next.js
- TypeScript
- Tailwind CSS
- 3
Document
Turn the project into a case study with implementation notes, testing details and roadmap.
- Case study
- Technical notes
- Testing review
- 4
Publish
Connect live demo, source repository, visual preview and production metadata.
- Live demo
- Source code
- SEO / deployment
Technical matrix
Compare project readiness
A clearer way to review which projects already have live demos, source code, visual previews and strong case study coverage.
Project
Status
Type
Live
Source
Preview
Readiness
Action
Private Space
private-space
In progress
Productivity App
Planned
Planned
Available
67%
Aurora Beauty
aurora-beauty
Completed
Business Website
Planned
Planned
Available
67%
Web Dev Portfolio
web-dev-portfolio
Completed
Portfolio Website
Available
Available
Available
100%
Private Space
private-space
Productivity App
StatusIn progress
LivePlanned
SourcePlanned
PreviewAvailable
Aurora Beauty
aurora-beauty
Business Website
StatusCompleted
LivePlanned
SourcePlanned
PreviewAvailable
Web Dev Portfolio
web-dev-portfolio
Portfolio Website
StatusCompleted
LiveAvailable
SourceAvailable
PreviewAvailable
Maintenance system
Adding a new project is now a repeatable workflow.
The portfolio is structured so future projects can be added by extending content files, connecting preview assets and filling technical documentation sections.
1. Project entry
The main project data powers cards, filters, case study pages, metadata and structured data.
- Add a new object in src/content/projects.ts
- Provide PL / EN descriptions
- Add technologies, highlights, features and roadmap
2. Visual preview
Each project should have a visual preview before or after deployment.
- Add SVG or screenshot to public/project-previews
- Connect imageSrc in the project mockups array
- Use 1200 × 760 format for consistency
3. Technical notes
Project-specific technical sections make the case study stronger than a simple project card.
- Update projectTechnicalDetails.ts
- Add implementation areas
- Add testing and review areas
4. Release notes
Release details explain what is live, what is pending and what is prepared for future deployment.
- Update projectReleaseDetails.ts
- Document live/source/preview status
- Add build command and release checks
The goal: add projects without redesigning the portfolio.
Once the structure is ready, future work should mostly mean adding new project entries, screenshots, links and technical notes.
3
Total projects
2
Completed
1
In progress
2
Languages
Showing 3 projects
Use filters to quickly find a specific project.
In progressProductivity App
Private Space
A personal productivity dashboard for managing notes, lists and plans in one structured workspace.
- Live
- Source
- Preview
- Next.js
- TypeScript
- Tailwind CSS
- Local Storage
Year
2026
CompletedBusiness Website
Aurora Beauty
A modern business website for a beauty brand, focused on services, trust and responsive presentation.
- Live
- Source
- Preview
- Next.js
- TypeScript
- Tailwind CSS
Year
2026
CompletedPortfolio Website
Web Dev Portfolio
A production bilingual portfolio website deployed under a custom domain and built as a hub for frontend projects and case studies.
- Live
- Source
- Preview
- Next.js
- TypeScript
- Tailwind CSS
- i18n
- +2
Year
2026