Skip to content

About

A hand-drawn, sketch-inspired developer portfolio built with React, TypeScript, and Tailwind CSS.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

Hand-Drawn Portfolio — Sketch-Inspired Developer Website

React TypeScript Tailwind CSS License: MIT

A sketch-inspired, hand-drawn developer portfolio focused on clean code, performance, and delightful user experience. Built with React, TypeScript, and Tailwind CSS.

[🔗 Live Demo](sketch-portfolio.netlify.app • 📖 Customization Guide • ⭐ Star this Repo


Features

  • Sketch-Style UI - Hand-drawn borders, paper textures, playful animations
  • Dynamic Themes - Interactive hover effects change page background colors
  • Mobile-First - Responsive design with browser back/forward navigation
  • Fast & Modern - Vite-powered with TypeScript and Tailwind CSS
  • Contact Form - Built-in mailto integration with validation

Quick Start

git clone https://github.com/SN7k/hand-drawn-portfolio.git
cd portfolio
npm install
npm run dev

Customization

Edit src/data/portfolio.json to update your personal info, projects, tech stack, and social links. All content is centralized for easy management.

Built With

React 18 • TypeScript • Tailwind CSS • Vite • Lucide Icons • Architects Daughter Font

📄 License

MIT License - Free to use for your own portfolio!

👤 Author

Shombhunath Karan - GitHub • LinkedIn


Keywords: portfolio website developer portfolio sketch portfolio hand-drawn UI creative portfolio react portfolio typescript portfolio interactive portfolio frontend developer web developer showcase portfolio template

About

A hand-drawn, sketch-inspired developer portfolio built with React, TypeScript, and Tailwind CSS.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages