WIKTORIA
SOBCZYK.

Developer & UX/UI Designer

Featured projects

01 Symad

A website built using WordPress for a roller blind store.

02 Protelkom

A website built using React for a GSM service.

03 Menu Generator

A web application created using Next.js for generating menus.

About

I am currently studying computer science, and in my free time, I develop my skills in creating websites, desktop applications, and mobile applications.

I enjoy creating things that are both functional and aesthetically pleasing. I strive to ensure that each project is visually cohesive, meticulously crafted in the smallest details, and intuitive for everyone to use. I believe that good software is primarily a positive user experience – therefore, I pay great attention to ensuring that the interface is pleasant to use and that no one has difficulty operating it.

Skills

Next.jsElementary

ReactElementary

WordpressElementary

BlenderElementary

HTMLElementary

CSSIntermediate

C++Elementary

JavaElementary

SQLElementary

Certificates

CCNA: Enterprise Networking, Security, and Automation

CCNA: Switching, Routing, and Wireless Essentials

Introduction to Cybersecurity

From design
to deployment

Design

I create intuitive and visually appealing user interface designs, ensuring that every project is user-friendly, responsive, and aligned with the latest UI/UX trends. I primarily use Figma throughout my design process.

Development

I develop websites and web applications using React or WordPress. My goal is to write clean, efficient, and maintainable code that accurately brings design concepts to life.

Deployment

I handle the deployment and optimization of projects to ensure they perform smoothly across different devices and browsers. I take care of hosting, SEO, and responsiveness to provide users with the best possible experience.

DesignCode

index.html

style.css


    <div class="layout">
    <div class="left">
      <div class="sticky-box">

        <div class="header"></div>

        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>

        <div class="header"></div>
        <div class="line"></div>

        <div class="icons">
          <div class="icon"></div>
          <div class="icon"></div>
          <div class="icon"></div>
          <div class="icon"></div>
        </div>

      </div>
    </div>

    <div class="right">

      <div class="card">
        <div class="thumb"></div>
        <div class="title"></div>
      </div>

      <div class="card">
        <div class="thumb"></div>
        <div class="title"></div>
      </div>

      <div class="card">
        <div class="thumb"></div>
        <div class="title"></div>
      </div>

      <div class="card">
        <div class="thumb"></div>
        <div class="title"></div>
      </div>

      <div class="card">
        <div class="thumb"></div>
        <div class="title"></div>
      </div>

      <div class="card">
        <div class="thumb"></div>
        <div class="title"></div>
      </div>

    </div>
  </div>

body {
  background: #e6e6e6;
}

.layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem;
  padding: 1rem;
}

.sticky-box {
  position: sticky;
  top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.header {
  height: 2rem;
  width: 80%;
  background: #e07a86;
}

.line {
  height: 1rem;
  background: #e2b878;
}

.icons {
  display: flex;
  gap: 12px;
}

.icon {
  width: 50px;
  height: 50px;
  background: #e2b878;
}

.right {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 2rem;
}

.thumb {
  width: 100%;
  height: 200px;
  background: #ddd;
}

.title {
  height: 20px;
  background: #e07a86;
  margin-top: 8px;
}

.card {
  display: flex;
  flex-direction: column;
}

WIKTORIASOBCZYK.