DevQRCard is a beautifully designed platform for developers to create, customize, and share their digital identity cards with integrated QR codes, profiles, and portfolios.
- 🎨 Professional Card Templates
- 🖼️ Live Preview with Real-time Updates
- 📸 Profile Picture Upload
- 📱 QR Code Generation for Sharing
- 🗂️ Persistent Storage for Multiple Cards
- 📤 Export as PDF / Shareable Link
- 🌙 Light/Dark Mode Support
- 🔧 Built with Next.js 15, Tailwind CSS, Framer Motion, TypeScript
- Frontend: Next.js, React, Tailwind CSS, TypeScript
- Animations: Framer Motion
- Icons: Lucide React, React Icons
- QR Code:
qrcode.react - PDF Export:
react-to-pdf(or similar) - Deployment: Vercel
Coming Soon — Add images or use GitHub Issues to upload and link screenshots.
# Clone the repository
git clone https://github.com/Brahamanbtp/devqr-card.git
cd devqr-card
# Install dependencies
npm install
# Run the development server
npm run dev
# Open in browser:
http://localhost:3000
npm run build
npm start
src/
├── components/ # Reusable UI components
├── app/ # Next.js routes (create, dashboard, etc.)
├── lib/ # Utility functions
├── styles/ # Global styles
├── public/ # Static assets
We welcome contributions!
-
Fork this repo
-
Create your feature branch
git checkout -b feature/my-feature- Commit your changes
git commit -m 'Add feature'- Push to the branch
git push origin feature/my-feature- Open a Pull Request 🎉
MIT License. © 2025 @Brahamanbtp