devprint — Smart Dev Portfolio

A beautiful, data-driven developer portfolio web app built with React, TypeScript, Vite, and Tailwind CSS.

🔴 Live Preview →

What is devprint?

devprint is your smart developer portfolio — a fully customizable, modern portfolio web app that showcases your skills, projects, and identity as a developer. Built with a cutting-edge tech stack and 40+ UI components.

Features

• Real commit heatmaps and GitHub stats display
• Language breakdown charts
• "Currently building" section from pinned repos
• 40+ shadcn/ui components (accordion, charts, dialogs, and more)
• Fully responsive design with Tailwind CSS
• GSAP animations for smooth transitions
• Dark/light mode ready
• Blazing fast with Vite build system

Tech Stack

• Framework: React 18 + TypeScript
• Build Tool: Vite 7
• Styling: Tailwind CSS v3 + shadcn/ui
• Animations: GSAP
• Forms: React Hook Form + Zod validation
• Charts: Recharts

Project Structure

app/
├── src/
│   ├── sections/        # Page sections
│   ├── components/ui/   # 40+ shadcn/ui components
│   ├── hooks/           # Custom React hooks
│   ├── types/           # TypeScript type definitions
│   └── App.tsx          # Main app entry
├── public/              # Static assets
├── dist/                # Production build
└── package.json

Getting Started

1. Download and unzip devprint.zip
2. Navigate into the app/ folder
3. Install dependencies:

      npm install
         ```
         4. Start the dev server:
            ```bash
               npm run dev
                  ```
                  5. Open [http://localhost:5173](http://localhost:5173) in your browser
   
                  ## Build for Production
   
                  ```bash
                  npm run build
                  npm run preview
                  ```
   
                  ## Target Users
   
                  - Developers who want a stunning portfolio with zero design effort
                  - GitHub users who want to showcase their work professionally
                  - Developers applying for jobs who need a live portfolio link
   
                  ## Author
   
                  **Ansh Majumdar** — [@anshmajumdar121](https://github.com/anshmajumdar121)
   
                  ---
   
                  *devprint — Leave your mark as a developer.*