A Next.js application that generates beautiful developer cards showcasing your HackerNews profile, karma and top stories. Please use a chromium based browser. It has compatibility issues with firefox
- Generate personalized developer cards from HackerNews usernames
- Multiple theme options (Orange, Blue, Purple, Green, Custom)
- Horizontal and vertical layout options
- Download cards as PNG images
- Share cards with direct links
Sample horizontal devCard:
Sample vertical devCard:
- Clone the repository:
git clone https://github.com/Ved235/devcard.git
cd devcard- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser.
- Enter your HackerNews username
- Choose a theme and layout
- Click "Generate DevCard"
- Download or share your generated card
- Next.js 15
- React 19
- CSS Modules
- html-to-image for PNG generation
- Vercel Blob for image storage
/api- Fetches HackerNews user data/api/store-card- Stores generated cards to Vercel Blob
The easiest way to deploy is using the Vercel