🌐
01
CollegeChalo Website
Full marketing website with pixel-perfect Figma-to-HTML conversion, responsive layouts, and optimized component structure using HTML, SCSS & Bootstrap.
Available for opportunities
Suraj
Singh Mehra
Senior Frontend Developer & UI Designer
5+ years crafting pixel-perfect interfaces and high-converting web experiences — from Figma to production. Specialized in React, Next.js, and scalable UI systems.
5+
Years Exp.
15+
Projects Done
3+
Companies
S
Suraj Singh Mehra
Frontend Developer · Delhi, India
HTML
CSS/SCSS
Bootstrap
React
Next.js
Redux
Angular
Figma
Open to new roles
Portfolio
Selected Work
🌐
02
Collegechalo News
News platform built on Next.js with full API integration, dynamic routing, SEO schema markup, breadcrumbs, and metadata optimization.
🌐
03
Automateazy Website
Corporate marketing website with custom UI design, responsive grids, animation-enhanced sections, and clean Figma-to-code conversion.
🌐
04
Admin Panel
Feature-rich admin dashboard built in Angular — includes dynamic tables, filters, forms, sidebar navigation, routing, and configurable UI components.
Expertise
Skills & Tools
🟧HTML5
🟦CSS3
🌸SCSS
🅱Bootstrap
🟨JavaScript
⚛React
▲Next.js
🟣Redux
🔴Angular
🌿Git
✦Figma
🔷TypeScript
Frontend Core
JS & Frameworks
SEO & Integration
Tools & Workflow
Career
Work Experience
2024 – 2025
Senior Frontend Developer
Sunstone (Collegesearch Dept.)
- Built modern education websites and high-converting landing pages using Next.js with full API integration, improving page load performance by ~35%.
- Implemented metadata, schema markup (JSON-LD), and on-page SEO best practices, increasing organic traffic by ~25% and improving CTR.
- Optimized Core Web Vitals (LCP, CLS, INP) through image optimization, lazy loading, and code splitting, improving Lighthouse scores from ~65 to 90+.
- Maintained and enhanced existing UI/UX, resulting in improved responsiveness and ~20% reduction in bounce rate.
2022 – 2024
Senior Frontend Developer
AutomatEazy / Collegechalo
- Developed responsive landing pages and marketing emailers from Figma using HTML, SCSS, and Bootstrap, improving mobile engagement by ~30%.
- Built Angular-based admin panel dashboards, forms, tables, and filters, reducing manual workflow time by ~25%.
- Developed a Next.js news website with full API integration and SEO (schema, breadcrumbs, metadata), improving search visibility and indexing speed.
- Created reusable admin UI components using React + Redux, reducing development time for new features by ~40%.
- Improved page performance through asset optimization and code refactoring, achieving ~30% faster load times.
2020 – 2022
HTML / Frontend Developer
Collegechalo
- Converted Figma designs into pixel-perfect responsive layouts using HTML, CSS, and Bootstrap, improving cross-device compatibility.
- Built campaign landing pages and email templates, contributing to higher lead conversion rates (~15% increase).
- Ensured cross-browser compatibility and mobile responsiveness, reducing UI-related issues by ~40%.
- Optimized layout structure and assets, improving page load speed by ~20%.
Ongoing
Freelance Frontend Work
Various Clients
- Designed and implemented a modern responsive news layout for News18's 'Green Bharat', improving readability and mobile engagement.
- Developed a modern marketing website UI for Fractics with responsive grids and optimized assets, improving performance score to 90+.
- Delivered SEO-friendly, responsive UI components across projects, improving accessibility and user experience.
Contact
Let's Build Something Great
Have a project in mind or just want to say hi? My inbox is always open.