Profile picture
Imran Khan
Frontend Engineer
Home
Software development
Projects
Blogs
Back

Projects

Linkli

Source Code
  • A link-in-bio application enabling users to create personalized pages with organized links and public profiles
  • Built with Next.js (App Router), TypeScript, MongoDB, and Clerk authentication
  • Emphasized component reuse, responsive design, and UX consistency using Tailwind CSS and shadcn/ui
  • Implemented role-based access control, client-side CRUD flows, and optimized state updates
Technologies & tools
Next.js
TypeScript
MongoDB
Clerk
Tailwind CSS
shadcn/ui

ShareMe

Source Code
  • A Pinterest-style image-sharing platform featuring posts, comments, favorites, search, and Google login
  • Built with React, TypeScript, and Tailwind CSS, integrating Google OAuth
  • Designed schemas using Sanity CMS and implemented category-based search and filtering
  • Optimized rendering with infinite scroll and optimistic UI updates for large content feeds
Technologies & tools
React
TypeScript
Tailwind CSS
Google OAuth
Sanity CMS
Infinite Scroll
Optimistic UI

Workflow

Source Code
  • A Kanban board application with real-time drag-and-drop for task state updates
  • Built using React, Tailwind CSS, and Vite for fast development and smooth UI performance
  • Implemented react-beautiful-dnd library for easy-to-use drag-and-drop functionality enabling seamless task state updates
Technologies & tools
React
Tailwind CSS
Vite
react-beautiful-dnd

Frontend Mentor | Challenges

Source Code
  • Solutions to frontend development challenges from Frontend Mentor
  • Projects created using a wide array of technologies while keeping responsive web design in mind
  • Demonstrates proficiency in HTML, CSS, JavaScript, and various frontend frameworks
Technologies & tools
HTML
CSS
JavaScript
Responsive Design