Business Card Scanner & Contact Organizer

• 

  Business Card Scanner

🌟 Inspiration

Networking is essential in both professional and personal growth, yet business cards often end up forgotten in drawers or lost after events. Manually entering contact details into digital systems is tedious and error-prone. We wanted to solve this problem by creating a simple, smart tool that instantly digitizes business cards into an organized, searchable contact manager.

📌 What it does

Our Business Card Scanner & Contact Organizer lets users upload or capture images of business cards and automatically extracts key details like name, company, designation, phone numbers, and email addresses. The data is then neatly structured, searchable, and can be exported or integrated into contact management systems.

🛠️ How we built it

Frontend: Built with Next.js and React for a smooth, responsive UI.

Styling: Designed with Tailwind CSS for modern, mobile-friendly layouts.

OCR: Used Tesseract.js for in-browser text recognition and data extraction.

Backend/Integration: Powered by Node.js APIs for data handling.

Version Control: Managed with Git/GitHub for collaboration.

🚧 Challenges we ran into

Achieving accurate OCR results across varied fonts, layouts, and image qualities.

Handling noisy or skewed images to ensure reliable extraction.

Designing a clean, intuitive user experience for uploads and previews.

Optimizing OCR performance to run smoothly in the browser without heavy server-side load.

🏆 Accomplishments that we're proud of

Successfully integrated OCR to extract multiple fields (name, phone, email, etc.) accurately.

Built a seamless, minimalistic, and user-friendly web interface.

Achieved real-time scanning and structuring of contacts directly in the browser.

Created a scalable foundation that can integrate with CRMs or export data formats.

📖 What we learned

The importance of image preprocessing in OCR accuracy.

How to balance UI simplicity with functionality.

Deeper understanding of Next.js and Tesseract.js integration.

Collaboration and iterative problem-solving in a real-world project workflow.

🚀 What's next for Business Card Scanner & Contact Organizer

Adding AI-based field detection to improve recognition accuracy.

Building mobile support for on-the-go card scanning.

Offering cloud sync & CRM integrations (e.g., Google Contacts, HubSpot).

Enhancing with multi-language OCR support for global users.

Built With

• nextjs
• ollama3
• tailwindcss
• typescript