Arsalan Imran

FULLSTACK DEVELOPER – REACT.JS, NEXT.JS

Karachi, Pakistan

Fullstack Developer with 3+ years of experience building scalable, user-centric web applications using React.js and Next.js. Specialized in both frontend interfaces and backend development using Next.js API routes.

ReactJs
Tailwind CSS
Next.js
MongoDB

Projects

Reflct – Mental Health & Journaling App

Reflct – Mental Health & Journaling App

A beautifully designed journaling web app that helps users capture their thoughts, track mood trends, and reflect on their journey with secure, distraction-free features.

Next.js
Tailwind CSS
Framer Motion
Figma
Chart.js
Nodemailer

Key Features:

  • Rich text editor with markdown and link support
  • Daily writing prompts and mood-based inspiration system
  • Mood analytics dashboard using Chart.js
  • Implemented backend logic (e.g., routing, form validation, and server handling) using Next.js App Router and API routes
  • Fully responsive design built with Tailwind CSS
  • Secure journaling architecture with user-focused UX
AI SEO – SaaS Landing Page

AI SEO – SaaS Landing Page

A modern, dark-themed SEO landing page designed for an AI-powered product, featuring animated UI, smart keyword tools, and a waitlist call-to-action.

Next.js
Tailwind CSS
Framer Motion
ShadCN UI
TypeScript

Key Features:

  • Elegant dark mode landing design with Framer Motion animations
  • Responsive CTA sections with join waitlist functionality
  • Interactive dashboard mockup for showcasing SEO analytics
  • Smart keyword generator & one-click optimization cards
  • Fully responsive UI built with Tailwind CSS and ShadCN UI
  • Built in Next.js 15
Progress Tracking – SaaS Landing Page

Progress Tracking – SaaS Landing Page

A modern productivity-focused SaaS landing page with clean UI, pricing tiers, testimonials, and engaging visuals tailored for task tracking and team workflows.

Next.js
Tailwind CSS
Framer Motion
ShadCN UI
Responsive UI

Key Features:

  • Multi-tiered pricing section with feature comparison
  • Animated and 3D-themed hero and call-to-action sections
  • Client testimonial sliders for social proof
  • Responsive dashboard screenshot to showcase product usage
  • Custom-designed UI with modern gradients and geometry
  • Fully mobile-responsive and built with Next.js App Router
Task Manager – SaaS Landing Page

Task Manager – SaaS Landing Page

A sleek and intuitive productivity SaaS landing page that helps users stay organized, track progress, and get work done efficiently—one task at a time.

Next.js
Tailwind CSS
Framer Motion
ShadCN UI
Responsive UI

Key Features:

  • Modern dark-themed hero section with Framer Motion animations
  • Smart task breakdown with goal tracking and visual checklist UI
  • Secure data encryption and FAQ section to build trust
  • Email capture form for instant access CTA
  • Fully responsive layout with Next.js App Router
  • Built using Tailwind CSS and animated with Framer Motion

Experience

Fullstack Developer

Guru Group LLC

Dec 2022 – Present

  • Developed dynamic dashboards and admin panels using React.js and Next.js, serving 10,000+ active users.
  • Built secure backend features using Next.js API routes, including JWT authentication, middleware-based route protection, and session handling.
  • Implemented real-time data updates using WebSocket and Chart.js for interactive financial data visualizations.
  • Improved performance with code splitting, lazy loading, and Redux/Context API, achieving 90+ Lighthouse scores and sub-2s load times.
  • Deployed production apps via Vercel with GitHub Actions CI/CD pipelines.
  • Worked within Agile sprints, participated in daily standups, and contributed to code reviews and retrospectives.
Next.js
React
TypeScript
Tailwind CSS
Vercel
GitHub Actions

Frontend Developer

ZanimTech

Feb 2022 – Nov 2022

  • Designed and developed responsive user interfaces using React.js and Next.js for internal and client projects.
  • Translated Figma mockups into modular, production-ready components with consistent UI patterns.
  • Used Git for version control and participated in Agile sprint planning, standups, and team reviews.
  • Collaborated with senior developers to maintain high-quality codebases and reusable UI architecture.
React.js
Next.js
JavaScript
Tailwind CSS
Figma
Git

Education

🎓

Virtual University

Bachelor of Business and Information Technology

Sep 2020 - Nov 2024
🏫

Aptech Institute

Higher Diploma in Software Engineering

Jan 2019 - Jun 2021

My Skills

Technologies and tools I've worked with throughout my projects and experience

Front End

JavaScript
React.js
Next.js
HTML
CSS
Bootstrap
Tailwind CSS

Databases

MongoDB
MySQL

Tools & Platforms

Git
GitHub
VS Code
Figma
Vercel

Contact Me

Get In Touch

Send Me a Message