$ status ● available_for_freelance

// hello, world Shoaib Akhtar_

Frontend Developer & UI Designer. 4+ years turning ideas into clean, performant, and visually compelling web experiences.

view_projects() download_cv

yrs exp

30+

projects

15+

clients

100%

quality

✓ build successful
compiled in 247ms

git commit -m "feat: pixel-perfect UI"

const score = 100; // Lighthouse

shoaib.config.js

1const Developer = {
2  name: "Shoaib Akhtar",
3  role: "Frontend Dev & UI Designer",
4  experience: 4,
5  stack: ["Angular", "React", "Laravel"],
6  available: true,
7  passion: "pixel-perfect interfaces"
8};
10export default Developer; 

about_me.md

Designing Digital
Experiences

I'm a passionate Frontend Developer and UI Designer with 4+ years of experience building responsive, accessible, and high-performance web applications. I thrive at the intersection of design and engineering.

From pixel-perfect UI designs to robust frontend architectures, I bring ideas to life with clean code and thoughtful interactions. My expertise spans modern JavaScript frameworks, CMS platforms, and performance optimization.

// my philosophy

do {
write("clean_code")
design("pixel_perfect_ui")
} while (isCoding);

UI/UX CMS Dev Performance Mobile-First SEO

whoami.json

1{
2  "name": "Shoaib Akhtar",
3  "role": "Frontend Developer & UI Designer",
4  "location": "India",
5  "email": "rehmanshoaib8136@gmail.com",
6  "phone": "+91 8400438136",
7  "linkedin": "shoaib-akhtar-2984331a2",
8  "open_to_work": true
9}

download_cv.pdf

technical_skills.json

Tools & Technologies

html

HTML595%

css

CSS392%

animation: magic 1s;

JavaScript ES6+88%

const build = () => ✓

Angular80%

@Component({ … })

jsx

React.js78%

return <UI clean />

css

Bootstrap95%

.d-flex .align-items-center

css

Tailwind CSS82%

flex items-center gap-4

php

PHP / Laravel65%

Route::get('/', fn() => …)

jQuery85%

$(".el").animate({…})

bash

Git & GitHub88%

$ git push origin main

seo

SEO & Perf.80%

lighthouse: 100/100

php

DOMPDF72%

Pdf::loadHTML(…)

code_snippets/

Code in Action

Real patterns from real projects — a peek into how I think and write code.

hero.component.ts

@Component({

selector: 'app-hero',

standalone: true

})

export class HeroComponent {

title = 'Shoaib Akhtar';

role = 'Frontend Dev';

}

Angular

useScrollReveal.jsx

const useScrollReveal = () => {

const [visible, setVisible]

= useState(false);

useEffect(() => {

// IntersectionObserver

}, []);

return visible;

};

React

animations.css

@keyframes slideUp {

from {

transform: translateY(20px);

opacity: 0;

}

to {

opacity: 1;

}

CSS3

web.php

// Laravel RESTful Routes

Route::get('/',

[HomeController::class,

'index'])

->name('home');

Route::resource(

'projects', ProjectController::class

);

Laravel

api.service.js

async function fetchData(endpoint) {

try {

const res = await fetch(endpoint);

const data = await res.json();

return data;

} catch (err) {

console.error(err);

}

JavaScript

index.html

<h2>Project</h2>

</header>

<main>

</main>

</article>

HTML5

career_log.md

Work Experience

4+ years across startups and enterprises, delivering quality frontend solutions.

// summary.json
"companies": 4,
"projects": "30+",
"clients": "15+"

Sep 2024 — Present

Frontend Developer

Reliant Surveyors LLP

Built and maintained responsive web applications using HTML5, CSS3, JavaScript and Bootstrap 5.
Integrated third-party APIs and implemented dynamic UI components with Angular framework.
Collaborated with backend teams on RESTful API consumption and performance optimization.

May 2023 — Aug 2024

UI Designer

Gventure Technologies Pvt Ltd

Designed pixel-perfect UI/UX mockups and translated them into clean, functional code.
Led redesigns for multiple client websites improving UX and load performance significantly.
Created reusable component libraries in Bootstrap and Tailwind CSS.

Feb 2022 — May 2023

Frontend Developer

Trine Education Ventures

Developed responsive landing pages and dashboards for EdTech platform serving 10,000+ users.
Optimized front-end codebase reducing page load times by 35%.
Implemented SEO best practices improving organic search rankings measurably.

Aug 2021 — Jan 2022

Frontend Intern

N2R Technologies

Assisted in building and maintaining the company website and client microsites.
Learned industry-grade development workflows and version control using Git & GitHub.
Contributed to responsive design implementations and bug fixing tasks.

portfolio/

Featured Projects

const findHome = async () =>

await fetch("/listings");

Real Estate

HouzzHunt

Modern real estate platform for property discovery and listings with advanced filtering and responsive design.

@NgModule({

imports: [AppRouting]

})

Corporate

Gventure

Corporate tech company website built with performance-first architecture and polished UI interactions.

background-image:

url("tiger.webp");

object-fit: cover;

Tourism

Ranthambore Tiger Reserve

Tourism and wildlife conservation website with immersive visuals and seamless booking flow.

Route::resource(

'courses', CourseCtrl::class

);

EdTech

Alfabeta Education

EdTech platform with course listings, student dashboards, and optimized SEO architecture for discoverability.

const [results, setResults]

= useState([]);

Education

AdmissionLelo

College admission portal connecting students with institutions, featuring smart search and comparison tools.

import { Chart } from

'chart.js';

// data-driven UI

Finance

Valunxt

Finance and investment platform with data-driven UI, interactive charts, and intuitive navigation.

<section class=

"hero services cta">

Consultancy

Reliant Consultancy

Professional consultancy website with service pages, testimonials, and lead generation contact forms.

services.json

My Services

UI/UX Design

Crafting beautiful, intuitive interfaces that prioritize user experience and visual consistency.

Wireframing & Prototyping
Design Systems
Responsive Layouts

Frontend Dev

Building responsive, performant web applications with modern JS frameworks and clean code.

Angular & React Apps
API Integration
Component Libraries

CMS Development

Custom CMS solutions for easy content management, built to be scalable and developer-friendly.

Laravel CMS
Custom Dashboards
Admin Panels

Optimization

Speed audits, Core Web Vitals improvements, and SEO optimization for higher rankings.

Performance Audits
Core Web Vitals
On-page SEO