Crafting experience…

Available for Freelance · Gujarat, India

FRONTEND DEVELOPER & CREATOR

Hi, I'm Vishan Rabari — crafting pixel-perfect, interactive web experiences from Gandhidham, Gujarat. I build with HTML, CSS, JavaScript & a deep passion for great design.

View My Work Let's Talk Resume

I build

vishan.js ● running

1const developer = {
2name: "Vishan
                Rabari",
3role: "Frontend
                Dev",
4location: "Gujarat
                🇮🇳",
5stack: ["HTML","CSS","JS"],
6available: true,
7// Learning React
                🚀
8};
9console.log("Let's
                build");

▶ Let's build something amazing

GitHub Repos

1yr

Experience

Projects Done

Satisfaction

HTML5◆ CSS3◆ JavaScript ES6+◆ Responsive Design◆ Git & GitHub◆ Figma◆ REST APIs◆ DOM Manipulation◆ Web Performance◆ UI/UX Design◆ HTML5◆ CSS3◆ JavaScript ES6+◆ Responsive Design◆ Git & GitHub◆ Figma◆ REST APIs◆ Web Performance◆

React (Learning)◇ Node.js◇ GSAP Animations◇ CSS Grid◇ Flexbox◇ Core Web Vitals◇ SEO Optimization◇ C Language◇ React (Learning)◇ Node.js◇ GSAP Animations◇ CSS Grid◇ Flexbox◇ Core Web Vitals◇

About Me

Who I
Really Am

I'm Vishan Rabari, a frontend developer from Gandhidham, Gujarat, India. I specialize in building modern, pixel-perfect web interfaces that marry clean code with beautiful, intentional design.

Currently deepening my JavaScript expertise and learning React, I'm passionate about transforming ideas into polished digital products — from e-commerce frontends to interactive API-powered tools.

HTML5

CSS3

JavaScript

Figma

Git & GitHub

Responsive Design

REST APIs

GSAP

☕

Fueled by chai & late-night builds

🎯

Detail-obsessed down to 1px

🚀

Always shipping something new

Available

VISHAN RABARI

Frontend Developer · Freelancer

Gandhidham, Gujarat 370210
rabarivishan2@gmail.com
Open to freelance projects

What I Offer

Services

Landing Pages

High-converting, visually stunning pages built for impact. Fast-loading & fully responsive.

HTMLCSSJS

From ₹6,000

E-Commerce

Full-featured frontends with product listings, cart, and seamless checkout UX.

HTMLCSSJS

From ₹12,000

Web Apps

Interactive applications powered by REST APIs — weather, currency, GitHub explorers.

JSREST API

From ₹10,000

UI/UX Design

Figma-based UI with design systems, component libraries, and developer handoffs.

FigmaPrototyping

From ₹5,000

Responsive Design

Mobile-first websites flawless on every device. Fluid grids & smart breakpoints.

Mobile-FirstGrid

Included in all plans

Performance

Core Web Vitals optimisation, minified code, lazy loading & image optimisation.

Web VitalsSEO

Audit from ₹5,000

Web Management

Ongoing maintenance, content updates, uptime monitoring and performance fixes for live websites.

MaintenanceUpdatesMonitoring

From ₹2,000/mo

Bug Finding

Cross-browser QA testing, console error hunting, layout fixes and detailed bug reports.

QA TestingDevToolsFixes

From ₹2,000

What I Work With

Skills & Tools

👆

Hover a Skill

——

Drag to rotate the globe. Hover over any orbiting tech icon to see details about that skill.

—

HTML5

CSS3

JavaScript

Figma

Git & GitHub

Responsive

REST APIs

C Language

Featured Work

Projects

All on GitHub

View Code

Design SystemFeatured

ApexDeck — Design System

A comprehensive, modern design system & component library with consistent spacing, typography, and interaction patterns.

Code Live ↗

E-CommerceFrontend

LK Mart

Full-featured e-commerce frontend with product listings, cart, and seamless shopping UX.

USD

INR

1 USD = 83.24 INR

Code Live ↗

Web APIFinance

Currency Converter

Real-time currency conversion supporting 150+ world currencies with live exchange data.

24°C

Gandhidham

💧 68%

💨 12km/h

Code Live ↗

Web APIReal-time

Weather App

Live weather data using OpenWeatherMap API with location search and animated condition icons.

Netflix-Clone⭐ 2

BMI-Calculator⭐ 1

Rock-Paper-Scissors⭐ 1

Code Live ↗

GitHub APIFeatured

GitHub Explorer

Search and explore any GitHub user's profile and repositories in real-time via the GitHub API.

NETFLIX

Frontend Clone

Code

CloneHTML/CSS

Netflix Clone

Pixel-perfect Netflix landing page clone with responsive layout and polished hover effects.

                MY TASKS

Code Live ↗

Vanilla JSProductivity

To-Do List App

Clean dark-themed task manager with add, edit, complete & delete. Live stats, keyboard shortcuts, zero dependencies.

Score

Time

Best

⭐

STAR CATCHER

Click the star fast!

Mini GameVanilla JSInteractive

⭐ Star Catcher

Fast-paced reflex game — catch the star before time runs out! Particle bursts, danger mode & high score tracking.

Deep Dive

Case Study

Featured Case Study

LK Mart — E-Commerce Frontend

How I designed and built a full e-commerce shopping experience from scratch, with zero frameworks.

The Challenge

The client needed a fast, mobile-first e-commerce frontend that could handle 100+ product SKUs without any backend framework, keeping it purely HTML/CSS/JS for easy deployment on any host.

The Solution

Built a component-based architecture using vanilla JS modules, a custom cart state manager with localStorage persistence, and CSS Grid for the product layout that adapts seamlessly from 320px to 4K.

Results

Lighthouse Score

<2s

Load Time

100%

Mobile Ready

HTML5CSS3 GridVanilla JSLocalStorageFigma

View Live Project

Phase 1 · Day 1–2

Discovery & Design

Client brief, wireframing in Figma, choosing color palette and typography system.

Phase 2 · Day 2–3

HTML Structure

Semantic markup, product card components, cart modal, navigation architecture.

Phase 3 · Day 3–4

CSS & Animations

Responsive grid, micro-animations, cart slide-in, hover effects, dark theme.

Phase 4 · Day 4–5

JS Logic & Delivery

Cart state, filter system, localStorage persistence, performance audit, deploy.

How I Work

My Process

🔍

Discover

Deep-dive into your goals, audience, and vision through focused conversation and research.

Day 1

🎨

Design

Wireframes & Figma prototypes that define the visual direction before any code is written.

Day 1–2

⚡

Develop

Clean, semantic code with pixel-perfect implementation, animations, and cross-device testing.

Day 2–4

🚀

Deliver

Final handoff with docs, optimised assets, and 7-day post-delivery support included.

Day 4–5

Gravity Field

SKILLS &
TOOLS

Drag · Throw · Explore

⬡ Grab any planet and throw it

11+

Technologies

1yr

Deep Practice

28+

Live Projects

∞

Still Learning

My Story

Journey &
Experience

2025

Started Learning Web Dev

Self-Taught · Online Resources

Began with HTML and CSS fundamentals. Built first static pages, discovered a passion for beautiful web experiences.

HTMLCSS

2025 — Late

JavaScript & DOM Mastery

Self-Taught · Projects

Dived deep into JavaScript — DOM manipulation, ES6+, async patterns, and first API integrations.

JavaScriptREST APIsES6+

2025

First Freelance Projects

Freelancer · Remote

Landed first clients — landing pages, e-commerce fronts, portfolio sites. Learned deadlines and iterative design.

FreelanceE-Commerce

2025 — Late

Figma & UI/UX Design

Self-Taught · Design Systems

Expanded into Figma for design systems, prototypes, and thinking like a designer while coding like an engineer.

FigmaUI/UX

2025 — Ongoing

Web Manager — Vasant Supermarket

vasantsupermarket.com ↗

Actively managing and maintaining the live e-commerce website — handling product updates, UI improvements, uptime monitoring and performance fixes.

Web ManagementE-CommerceLive Site

Current

2026 — Now

Advanced Projects & React

Active Developer · Open to Opportunities

Building complex projects, expanding 28+ repos, learning React, seeking exciting freelance and collab opportunities.

React (Learning)28+ ReposOpen to Work

Developer Profile

THE FULL
PICTURE

✦+

VISHAN
RABARI

Frontend Developer · Freelancer

Building the web one
pixel at a time

// Gandhidham, Gujarat — Available Worldwide

28+

GitHub Repos

15+

Projects Done

100%

Satisfaction

Tech Stack

⬡HTML5

◈CSS3

JSJavaScript

▣Figma

⊞Responsive

⇄REST APIs

⑂Git

⚛React

◎Performance

Open to Work

Available for
Freelance

Fast delivery · Clean code
Pixel-perfect results

⚡ Hire Me Now

Featured Work

LK Mart — E-Commerce↗

Currency Converter↗

GitHub Explorer↗

Weather App↗

All Projects →

Let's create something

GOT A PROJECT
IN MIND?

Start a Project WhatsApp ↗

Transparent Pricing

Choose Your Plan

All plans include mobile-first responsive design, source code, and 7-day support. Need something custom? Let's talk.

Starter

₹8,000/project

Perfect for simple landing pages and personal portfolios.

✓ 1–3 page website
✓ Fully responsive
✓ Contact form
✓ Basic animations
✓ 3-day delivery
– E-commerce features
– API integrations

Get Started

What Clients Say

★★★★★

Vishan delivered an exceptional landing page that exceeded our expectations. His attention to detail, clean code, and the final animations were absolutely world-class. Will definitely work with him again.

Dhruv Mangukiya

Startup Founder

★★★★★

Our e-commerce store was completely redesigned by Vishan and the conversion rate improved significantly. The responsive design is flawless across all devices — truly impressive work.

Naresh Kriplani

E-Commerce Owner

★★★★★

Vishan is a rare talent — he thinks like a designer but codes like an engineer. The portfolio website he built for me gets compliments from every client I show it to. Highly recommend!

Ravi Mehta

Freelance Photographer

★★★★★

Working with Vishan was a seamless experience from start to finish. He understood our brand and translated it into a website that our customers absolutely love. Fast, professional, and talented.

Priya Desai

Brand Manager

Dev Notes

Blog & Thoughts

CSS Tips

Jan 2025

5 CSS Tricks I Use on Every Project

From custom scroll bars to clip-path animations — a collection of CSS patterns that make my UIs stand out without any JavaScript.

CSS3Animations

JavaScript

Dec 2025

Building a Cart Without Any Framework

How I built a fully functional shopping cart with localStorage, vanilla JS, and zero dependencies.

Vanilla JSLocalStorage

Design

Nov 2025

Why I Started Using Figma Before Coding

The shift that tripled my development speed — designing first means fewer rewrites and happier clients.

FigmaWorkflow

Common Questions

FAQ

Got questions? Here are the most common things clients ask before we start working.

Ask Me Anything

How long does a typical project take?

What's your pricing / budget range?

Do you work with clients outside India?

Will my website be mobile-friendly?

Do you provide post-delivery support?

Get In Touch

LET'S
BUILD
GREAT

Have a project in mind? I'd love to hear from you.

Emailrabarivishan2@gmail.com

GitHubgithub.com/Vishandeveloper29

WhatsAppChat directly (fastest response)

LocationGandhidham, Gujarat 370210

SEND A MESSAGE

// Response within 24 hours

First Name *

Last Name

Email Address *

Project Type

Budget Range

Your Message * 0 / 500

I agree that Vishan may contact me about my project. No spam, ever.

FRONTEND DEVELOPER & CREATOR

Who IReally Am

Services

Skills & Tools

Projects

Case Study

LK Mart — E-Commerce Frontend

My Process

SKILLS &TOOLS

Journey &Experience

THE FULLPICTURE

Choose Your Plan

Got a projectin mind?

What Clients Say

Blog & Thoughts

5 CSS Tricks I Use on Every Project

Building a Cart Without Any Framework

Why I Started Using Figma Before Coding

FAQ

LET'SBUILDGREAT

Who I
Really Am

SKILLS &
TOOLS

Journey &
Experience

THE FULL
PICTURE

Got a project
in mind?

LET'S
BUILD
GREAT