RR

Raghav Ratti

Frontend Developer

Building modern, responsive web applications with React, Next.js, TypeScript and AI-assisted development workflows. Backed by 3+ years of IT support experience solving real-world technical problems.

Next.js 16Latest Stack
TypeScriptStrict Mode
BSc ICTCyber Security

About

About Me

I'm Raghav Ratti — a frontend developer building fast, modern web applications with React, Next.js, and TypeScript. My background in IT support gives me a unique perspective on building software that real users can rely on.

With a Bachelor's in ICT (Cyber Security) from Western Sydney University and over two years of hands-on technical experience, I bring strong diagnostic thinking, system-level understanding, and a user-first mindset to every project I build. I'm seeking a frontend developer role where I can contribute to production React applications.

My Journey

2018

Bachelor's in ICT (Cyber Security)

Western Sydney University — gained skills in network security, system architecture, and digital forensics.

2020

ACS Professional Year Program

Developed professional skills tailored to the Australian IT industry, including project management and agile workflows.

2022

Technical Support Analyst — Rex Technologies

Resolved complex technical issues across hardware, software, and networks. Managed deployments and migrations at enterprise scale.

2023

Bag Drop Support Technician — ICM-Amadeus Perth Airport

Deployed and maintained networked hardware systems. Coordinated across engineering teams to deliver on tight deadlines.

2024

Frontend Development — Self-directed

Building production-grade web applications with React, Next.js, TypeScript, and Tailwind CSS. Focused on performance, accessibility, and design systems.

Currently Learning

⚛️Server Components & App Router
🤖AI-Assisted Development
🧪Testing (Vitest, Playwright)
☁️Cloud Deployment (Vercel, AWS)

Career

Experience

Frontend Developer

PIES Platform (Client Project)

2025 – Present

Building the complete frontend for a commercial property investment education platform. Responsible for UI implementation, component architecture, design system, and frontend-backend API integration within a small development team.

Built responsive interfaces across multiple pages using React, Next.js, and TypeScript
Developed a reusable component library for consistent UI patterns
Implemented animations and micro-interactions with Framer Motion
Established and maintained the frontend design system
Integrated frontend components with backend REST APIs
Refactored frontend architecture to improve maintainability

Customer Service Representative

BP Baldivis Southbound

Nov 2022 – Present

Delivering customer service in a high-volume retail environment while developing frontend skills in parallel.

Earned Rising Star Award in 2023
Recognised for exceptional service delivery and reliability

Technical Support Analyst

Rex Technologies

Nov 2022 – Dec 2023

Provided on-site and remote support to end users, resolving technical issues across hardware, software, and network systems. Collaborated with engineers on infrastructure deployments.

Deployed and maintained workstations, mobile devices, and network printers
Managed ticket resolution through ServiceNow with timely escalation
Supported Office 365 migrations for enterprise environments
Reduced stock control discrepancies by 10%
Delivered user training for Office 365 and video conferencing tools

Skills

React
85%
Next.js
80%
TypeScript
75%
Tailwind CSS
90%
HTML / CSS
90%
JavaScript (ES6+)
85%
Git & GitHub
80%
REST APIs
75%
Framer Motion
70%
Responsive Design
90%

Work

Projects

Real engineering work — each project demonstrates genuine problem-solving and technical depth.

PIES Platform

CLIENT PROJECT
Private Repository

Property Investment Education System — a commercial web application providing structured educational content and guided learning for property investors. Built as a premium online education platform with a modern user experience.

Business Problem

The client needed a production frontend for an education platform that would present complex property investment content in an accessible, well-structured format. The platform required multiple content-rich pages, consistent design language, and seamless integration with backend APIs.

My Contribution

Built the complete frontend using React, Next.js, and TypeScript. Developed a reusable component system, implemented responsive layouts across all pages, and established the design system for visual consistency. Integrated frontend components with backend REST APIs in collaboration with the backend developer.

Tech Stack

ReactNext.jsTypeScriptTailwind CSSFramer MotionREST APIs

Responsibilities

Built responsive UI across multiple pages: About, Services, Testimonials, Blog, Success Stories, and marketing pages
Developed a reusable component library for consistent UI patterns
Implemented page animations and micro-interactions with Framer Motion
Established and maintained the frontend design system for visual consistency
Integrated frontend components with backend REST APIs
Refactored frontend architecture to improve maintainability and code organization

Challenges

Designing a component architecture that scales across many content-heavy pages while remaining maintainable

Achieving visual consistency across the platform without a pre-existing design system — had to build one iteratively

Coordinating frontend-backend integration with a separate backend developer while maintaining clean API boundaries

Balancing premium visual quality with page load performance across image-heavy educational content

What I Learned

Working within a team — coordinating with a project manager and backend developer on feature delivery

Building and evolving a design system in production rather than designing it upfront in isolation

Real-world API integration patterns — handling loading states, error boundaries, and data formatting

The importance of component-level documentation when working with other developers

Personal Projects

Portfolio Website

LIVE
GitHub

A production-grade personal portfolio built as a premium product landing page, demonstrating modern frontend architecture, design system thinking, and performance-first development.

Problem

Needed a professional online presence that positions me as a frontend developer — not a generic template, but something that demonstrates genuine engineering capability through its own implementation.

Solution

Built a fully custom portfolio from scratch using Next.js 16 App Router, TypeScript, and Tailwind CSS v4. Implemented a complete design token system, component library, and animation framework.

Tech Stack

Next.js 16React 19TypeScriptTailwind CSS v4Framer Motion

Key Features

Custom design token system with CSS variables and TypeScript constants
Interactive terminal component with command parsing
Scroll-triggered animations with configurable variants
Responsive floating navigation with active section detection
Working contact form with Formspree integration
Accessible: semantic HTML, ARIA labels, keyboard navigation, focus indicators
Performance: no layout shift, font optimization via next/font, zero blur filters

In Development

AI Job Application Agent

IN DEV

An automated agent that assists with the job application process — currently in active development.

PythonAI / LLMAutomationAPI Integration

Interactive

Terminal

Explore my profile interactively. Try help

portfolio
Welcome to Raghav's Terminal. Type "help" to get started.
0 commands executedraghav@portfolio

Available commands

Contact

Let's work together

Looking for a frontend developer role where I can build production React applications. Let's talk.

Send a message

Fill out the form and I'll get back to you.

Or email directly at raghavratti54@gmail.com

Usually responds in 24h
Based in Sydney, NSW