Portfolio Website - krsiak.cz

React Developer portfolio website ⚛️ 👨‍💻

Table of Contents:

• Portfolio Website - krsiak.cz
  • ⚡ Project Website
  • ✏️ Project Description
  • 👨‍💼 Team Leadership and Task Management
  • 📈 Project Board and Issues
  • 🔄 Pull Requests
  • 📊 Insights and Analytics
  • 🚦 Project Status
  • 🛠️ Tech Stack
  • 📝 Features
  • 💻 Development
  • 🐛 Testing
  • 🚀 CI/CD - Continuous Integration / Deployment
  • 🔒 Security
  • 🖼️ Screenshots

---

⚡ Project Website

Website: https://krsiak.cz

✏️ Project Description

• A portfolio website showcasing my work and skills as React Developer building web applications using TypeScript, React and Next.js.
• Workflows are automated and the project is deployed using CI/CD pipelines.

👨‍💼 Team Leadership and Task Management

I have extensive experience in creating boards in Trello, Jira, GitHub Projects, and GitLab. I excel at organizing tasks for both individual and team projects, ensuring efficient workflows and timely project completion.

I managed projects of different sizes:

• Teams of 3, 10, and 40 members.
• Collaboration across 4 teams and multiple time zones.

📈 Project Board and Issues

To keep track of the project's progress and manage tasks efficiently, I use a project board with issues.

• Project board
• Issues

🔄 Pull Requests

I organize pull requests to ensure a clear and efficient workflow. See the details in closed pull requests.

• Closed 'Pull Requests'

📊 Insights and Analytics

To provide a clear overview of the project's progress I use charts.

• Labels Overview
• Priorities
• Trend of Tasks

🐛 Handling Unexpected Bugs: Debugging and Fixing Workflow

I follow a structured approach to identify and resolve unexpected issues.

1. Problem Analysis
2. Root Cause Identification
3. Proposing Solutions
4. Testing the Fix
5. Documenting the Process

Explore the linked issue to see how I apply this in practice: Fix(Heading1)!: 🐛 Incorrect Text Size on Production Compared to Localhost

🚦 Project Status

The current status of the project is continuously monitored.

🛠️ Tech Stack

Using these following technologies and tools.

Languages:

• JavaScript
• TypeScript

Libraries/Frameworks:

• React - JavaScript library
• Next.js - React Framework

Design:

• Tailwind CSS - CSS Framework

Testing:

• JEST - UNIT testing
• Playwright - E2E testing

CI/CD:

• GitHub Actions - CI - Continuous Integration
• Netlify - CD - Continuous Deployment

📝 Features

The website contains these following sections and pages.

Pages:

• 👉 Home - Introduction
• 👉 About Me
• 👉 Resume
• 👉 Hire Me
• 👉 Work Experience
• 👉 Personal Projects

Work and Project pages:

• 👉 Information
• 👉 Skills
• 👉 Description
• 👉 Links
• 👉 Screenshots

💻 Development

README-development.md

🐛 Testing

README-testing.md

🚀 CI/CD - Continuous Integration / Deployment

README-continuous-integration-deployment.md

🔒 Security

README-security.md

🖼️ Screenshots

Project screenshots.