Skip to content

About

A responsive personal profile website built with HTML and CSS to present my education, skills, experience, and social links in a clean, professional layout.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Repository files navigation

Hi, I'm Yitbarek 👋

Full-Stack Developer & Software Enthusiast

Live App LinkedIn Email

Welcome to the source code of my personal portfolio. I build reliable, user-centric web applications and enjoy exploring the depths of software engineering.


🚀 About This Project

This repository houses the code for my personal portfolio website. It serves as a living showcase of my technical skills, the projects I've built, and the tools I use daily.

Instead of a static resume, I built this platform to demonstrate my approach to modern web design, performance, and interactive UI.

🛠️ Currently Building: I am actively updating this space to reflect my latest work and milestones.


🏗️ Project Roadmap & Status

I believe in building in public. Here is a transparent look at what is currently complete and what is in the pipeline:

  • Core Site Architecture — Responsive layout, custom theming (Light/Dark mode), and smooth interactions.
  • 🧑‍💻 Update Personal Identity — Finalizing the transition to my personal branding, copy, and metadata.
  • 📁 Complete the Projects Showcase — Adding deep dives into my latest projects, complete with tech stacks, challenges overcome, and live links.
  • 🛠️ Build the "Tools" Page — A dedicated space detailing my IDE setups, software stack, and hardware workflow.
  • 📈 Add an Experience Timeline — Charting my journey through education, key milestones, and relevant work experience.
  • 🔍 Final Polish — Thorough QA testing for accessibility, SEO, link validation, and cross-browser compatibility.

💻 Technical Arsenal

Here is a snapshot of the languages, frameworks, and concepts I work with regularly:

C++
C++
Python
Python
Java
Java
TypeScript
TypeScript
React
React
MySQL
MySQL

Core Focus Areas:

  • 🏗️ Full-Stack Web Development (Frontend UI/UX & Backend Logic)
  • 🗄️ Database Design & Management (Relational Databases, Query Optimization)
  • ⚙️ Software Engineering (System Design, Developer Tooling, Automation)

🛠️ Development Guidelines

If you are exploring the code or contributing to the architecture, please note my current workflow guidelines:

  1. Preserve Functionality: The existing design system and interactive elements (e.g., mouse effects, sound providers) should remain intact.
  2. Prioritize Identity: Personal information, SEO metadata, and the homepage take precedence over secondary pages.
  3. Local Testing: Always test changes locally (npm run dev) before staging.
  4. Branching: Do not push directly to main until feature customization is fully tested and reviewed.

🚀 Running Locally

Want to spin this up on your own machine?

# 1. Clone the repository
git clone https://github.com/yitbarek-git/YOUR-REPO-NAME.git

# 2. Navigate into the directory
cd YOUR-REPO-NAME

# 3. Install dependencies
npm install

# 4. Start the development server
npm run dev

About

A responsive personal profile website built with HTML and CSS to present my education, skills, experience, and social links in a clean, professional layout.

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages