This Is My

PORFOIO|

— 2026 —

About Me

HASNA TSANIYA HIDAYAT

I'm a |

An Application Software Engineering student at Telkom University who is passionate about web development and software quality assurance. Focused on building elegant, responsive user interfaces and ensuring product quality through structured testing, from unit testing to UI testing.

Tech Stack

LANGUAGE
TypeScript

TYPESCRIPT

Used to develop type-safe and scalable applications with improved code reliability.

WEB
ARCHITECTURE→
LANGUAGE
JavaScript

JAVASCRIPT

Used to build dynamic and interactive web applications with flexible logic and API integration.

WEB
LANGUAGE→
LANGUAGE
PHP

PHP

Used to build server-side web applications and dynamic content with robust backend logic.

WEB
BACKEND→
FRAMEWORK

REACT

Used to build interactive UIs with reusable components and efficient state management.

WEB
COMPONENT→
FRAMEWORK
Next.js

NEXT.JS

Used to build full-stack web apps with server-side rendering and static generation.

WEB
ARCHITECTURE→
FRAMEWORK
Laravel

LARAVEL

Used to build robust back-end systems with elegant MVC architecture and powerful ORM.

WEB
BACKEND→
STYLING
Tailwind CSS

TAILWIND CSS

Used to craft responsive and consistent designs rapidly with utility-first classes.

WEB
DESIGN→
DATABASE
PostgreSQL

POSTGRESQL

Used as a reliable and scalable relational database for managing structured application data with strong consistency and complex queries.

WEB
DATABASE→
TESTING
Cypress

CYPRESS

Used for end-to-end and component testing with real browser automation and detailed test reports.

QA
TESTING→
TESTING
Postman

POSTMAN

Used to test and document REST APIs, automate request collections, and validate backend responses.

QA
API TEST→
UI/UX
Figma

FIGMA

Used to design and prototype user interfaces with collaborative vector tools and design systems.

DESIGN
PROTOTYPE→
LANGUAGE
TypeScript

TYPESCRIPT

Used to develop type-safe and scalable applications with improved code reliability.

WEB
ARCHITECTURE→
LANGUAGE
JavaScript

JAVASCRIPT

Used to build dynamic and interactive web applications with flexible logic and API integration.

WEB
LANGUAGE→
LANGUAGE
PHP

PHP

Used to build server-side web applications and dynamic content with robust backend logic.

WEB
BACKEND→
FRAMEWORK

REACT

Used to build interactive UIs with reusable components and efficient state management.

WEB
COMPONENT→
FRAMEWORK
Next.js

NEXT.JS

Used to build full-stack web apps with server-side rendering and static generation.

WEB
ARCHITECTURE→
FRAMEWORK
Laravel

LARAVEL

Used to build robust back-end systems with elegant MVC architecture and powerful ORM.

WEB
BACKEND→
STYLING
Tailwind CSS

TAILWIND CSS

Used to craft responsive and consistent designs rapidly with utility-first classes.

WEB
DESIGN→
DATABASE
PostgreSQL

POSTGRESQL

Used as a reliable and scalable relational database for managing structured application data with strong consistency and complex queries.

WEB
DATABASE→
TESTING
Cypress

CYPRESS

Used for end-to-end and component testing with real browser automation and detailed test reports.

QA
TESTING→
TESTING
Postman

POSTMAN

Used to test and document REST APIs, automate request collections, and validate backend responses.

QA
API TEST→
UI/UX
Figma

FIGMA

Used to design and prototype user interfaces with collaborative vector tools and design systems.

DESIGN
PROTOTYPE→

0+

Projects

0+

Years Exp.

0+

Tech Stack

01 // 04MOBILE GAME
PUZZLE ANIMAL GAME

ZOOZLE

UnityC#Game Design

Zoozle is a mobile puzzle game where players solve animal-themed puzzles to unlock and collect animals in their personal Zoo Expedition. Each completed level rewards a new animal, along with detailed educational information about that species — turning gameplay into a fun learning experience about wildlife.

Scroll to reveal next
02 // 04WEB
LIBRARY MANAGEMENT SYSTEM

READ4FUTURE

PHPMySQLNative Web

Read4Future is a web-based library management system implemented in a school environment. It features two dedicated portals — the Student Portal for book borrowing, returning, and attendance tracking, and the Admin Portal for full control over library circulation, book inventory, member data, and loan records.

Scroll to reveal next
03 // 04QA
QUALITY ASSURANCE PORTFOLIO

QALAB

CypressPostmanGoogle SheetsManual Testing

A QA track record spanning 6+ projects across both manual and automation testing. Manual testing workflows are documented using Google Workspace — test cases in Sheets, reports in Docs, and review sessions via Meet. Automation testing is handled with Cypress for end-to-end UI flows, covering functional, regression, and API testing layers.

Scroll to reveal next
04 // 04WEB · MOBILE
HALAL INVESTMENT PLATFORM

INVEST HALAL

Next.jsNestJSPostgreSQL

Invest Halal is a halal investment platform connecting investors with registered livestock companies. The Super Admin portal manages company registrations and oversees the entire ecosystem. Each Company portal lets businesses manage their livestock products — cattle, goat, and more — and control the product catalogs displayed on the mobile app for investors to browse and invest in.

Scroll to reveal next
Get In Touch

LET'S

WORK

TOGETHER

Terbuka untuk peluang kolaborasi, project freelance, maupun posisi full-time. Jangan ragu untuk menghubungi — aku akan membalas sesegera mungkin.

Find me on

Email

hsntsaniyah@email.com

LinkedIn

linkedin.com/in/hasna-tsaniya-hidayat

GitHub

github.com/hasnatsaniyah

Instagram

@hsntsani

© 2026 Hasna — All rights reserved

Designed & Built in Bandung, Indonesia