To support the Azadi ka Amrit Mahotsav campaign, I developed an interactive web interface that allows users to add a campaign logo to their profile pictures. This initiative encouraged users to participate in the celebration by updating their display pictures (DPs) with the campaign's branding, fostering a sense of unity and patriotism.
Features:
- Image Upload: Users can easily upload their profile pictures directly from their device.
- Logo Overlay: The application automatically adds the Azadi ka Amrit Mahotsav logo to the uploaded images.
- Client-Side Image Processing: All image processing is done on the client-side, ensuring quick and secure handling of user images without the need for server-side processing.
- User-Friendly Interface: Designed to be simple and intuitive, ensuring a seamless experience for users of all ages.
- Responsive Design: Ensures the interface works well on various devices, including desktops, tablets, and smartphones.
Development:
- Front-End Development: Built the interface using HTML, CSS, and JavaScript to create a smooth and interactive user experience.
- Client-Side Image Processing: Implemented JavaScript functions to handle image uploads and dynamically overlay the campaign logo on top of the user’s picture directly in the browser.
- Responsive Design: Ensured the application is fully responsive, providing an optimal user experience across all device types.
Design:
- UI/UX Design: Focused on creating a clean, user-friendly design that makes it easy for users to upload their images and see the results instantly.
- Brand Consistency: Incorporated the Azadi ka Amrit Mahotsav branding elements to maintain consistency with the campaign's visual identity.
Achievements:
- Successfully launched an engaging tool that supported the Azadi ka Amrit Mahotsav campaign.
- Encouraged widespread participation, helping to promote the campaign’s message and visibility.
- Leveraged client-side processing to ensure fast, secure, and efficient image handling.
Technologies Used:
- Development: HTML, CSS, JavaScript
- Deployment: Netlify
Project Link: Azadi ka Amrit Mahotsav Campaign Interface