Techboi

Vibe Coding

Student

Completing the Postgraduate program in Frontend Development for Designers at SHIFTA, where I gained hands-on experience with HTML, CSS, JavaScript and modern frameworks while building real-world projects that bridge design and development.

Years
2025
Disciplines
Teaching, AI Workflows, Front-end
Role
Student

Shifta - Elisava University, Barcelona.

Program Overview

Completing the Postgraduate program in Frontend Development for Designers at SHIFTA , where I gained hands-on experience with HTML, CSS, JavaScript, and modern frameworks while building real-world projects that bridge the gap between design and code.

The SHIFTA Frontend Development Postgraduate program is designed specifically for designers looking to expand their technical skills. The curriculum covers the fundamentals of web development through a design-focused lens, enabling me to build interactive digital experiences while maintaining design integrity.

HTML & CSS

Building strong foundations with semantic HTML and advanced CSS layouts using Grid and Flexbox.

Javascript

Learning Javascript from the ground up, but with basic knowledge and functions.

Vue.js + AI

Parsing Javascript projects to vue.js and using AI tools to collaborate and enhance code.

PROJECTS

PROJECT #1 Expense Tracker

A web application that allows users to track their expenses with features for adding, categorizing, and visualizing spending habits. Built using pure HTML, CSS, and JavaScript with localStorage for data persistence without the need for a database.

Expense Tracker

Key Features

PROJECT #2 Moodboard Builder

A drag-and-drop interface for creating and sharing visual moodboards. Designed with a focus on usability and flexibility, allowing users to arrange images, add notes, and share their creative concepts.

Moodboard Builder

Key Features

Key Learnings

Bridging Design & Development

Gained the ability to translate design concepts into functional code, understanding the constraints and possibilities of frontend technologies.

Technical Communication

Developed skills to effectively communicate with developers, using proper terminology and understanding their workflow.

Problem- Solving

Enhanced approach to UI/UX challenges by combining design thinking with technical implementation knowledge.

Frontend Architecture

Understanding how to structure frontend applications for maintainability, performance, and user experience.

Go back