Aakashdeep Singh

Frontend Developer (React.js | Next.js | TypeScript | Tailwind CSS)

Professional Summary

Frontend Developer with 1.5+ years of experience building scalable, high-performance web applications using React.js, Next.js, and TypeScript. Skilled in modular UI component architecture, data visualization (Chart.js, Recharts), and motion design (Framer Motion). Experienced in performance optimization through lazy loading, memoization, and code-splitting. Passionate about crafting elegant, accessible, and user-focused interfaces.

Technical Skills

FrontendReact.js · Next.js · TypeScript · JavaScript · HTML5 · CSS3 · Tailwind CSS
State ManagementRedux · Context API · REST API · Axios · Appwrite
Visualization & AnimationChart.js · Recharts · Framer Motion
Performance & ToolsCode Splitting · Lazy Loading · Git · Vercel · SEO Optimization
Design ToolsFigma · Adobe Photoshop · Canva · Illustrator

Work Experience

Web Developer

Jan 2023 – Present

Pie Infosystems

  • • Developed and optimized user interfaces using React.js, TypeScript, and Tailwind CSS
  • • Built modular dashboards and analytics components with Chart.js
  • • Enhanced performance using lazy loading and memoization
  • • Collaborated in Agile sprints, ensuring UI accessibility and scalability

Executive Committee Member

Sep 2022 – Oct 2022

Google Developer Groups Jalandhar

  • • Organized Developer Fest events, managing logistics and technical setup
  • • Promoted collaboration within the developer community

Projects

Expense Tracker Dashboard

A full-stack personal finance dashboard to track expenses, visualize spending trends, and manage receipts securely.

  • Developed authentication-protected dashboard with analytics and visual charts
  • Implemented CRUD operations for expenses with MongoDB and Next.js API routes
  • Integrated secure file uploads for receipts using UploadThing
  • Built a responsive UI with Tailwind CSS and Framer Motion animations
  • Included demo login for easy preview (admin@admin.com / admin123)

Next.js · TypeScript · Tailwind CSS · MongoDB · Framer Motion · UploadThing

Store It — Inventory Management Dashboard

A data-driven dashboard for tracking inventory and optimizing warehouse space.

  • Built modular dashboards with interactive charts using Chart.js
  • Implemented filtering and role-based user access
  • Optimized rendering with lazy loading and memoization

Next.js · TypeScript · Tailwind CSS · Chart.js · Appwrite

Portfolio Template — Animated Developer Portfolio

Dynamic, responsive portfolio with modern animations and content modularity.

  • Created animated layouts using Framer Motion and MDX
  • Optimized images and performance with Next.js
  • Built reusable components and interactive contact form

Next.js · React.js · Tailwind CSS · Framer Motion

Serenity Estates — Real Estate Platform

Real-time property listings with interactive search and booking flow.

  • Built modular UI for property cards, filters, and scheduling
  • Integrated Firebase for live data and Stripe for payments
  • Ensured responsive design and accessibility compliance

Next.js · Firebase · Stripe · Tailwind CSS

Education

Bachelor of Technology in Computer Science and Engineering

Guru Nanak Dev University

2019 – 2023