A modern web application to create, manage, and customize ID cards.
Built with React, Tailwind CSS, and a Node.js/Express backend that fetches college logos dynamically using SerpAPI.
- 🔐 User Authentication – Register & login with username and password
- 🖼 Profile Photo Upload – Upload and preview photos on the ID card
- 🏫 College Logo Fetch – Automatically retrieves the correct logo based on college name & address
- 🎨 Multiple ID Templates – Choose from pre-built Tailwind-based designs
- 📂 Creations & Trash Management
- View all saved creations
- Move to trash and restore anytime
- Permanently delete with confirmation
- 💾 Data Persistence – All creations are saved in the backend
Frontend:
- React.js
- Tailwind CSS
- Axios
Backend:
- Node.js
- Express.js
- MongoDB (for data storage)
- SerpAPI (for college logo fetching)