To streamline the process of viewing and interacting with our company's annual reports, I developed an in-house eBook reader using HTML, CSS, and JavaScript. By leveraging a robust PDF book reader framework, this application provides a seamless and efficient reading experience tailored to our organizational needs.

Features:

• PDF Integration: Utilized a powerful PDF book reader framework to ensure smooth rendering and navigation of PDF documents.
• Responsive Design: Ensured the eBook reader is fully responsive, providing an optimal viewing experience across various devices and screen sizes.
• User-Friendly Interface: Designed with a clean and intuitive interface, making it easy for users to navigate through the annual reports.

My Role: As the lead developer for this project, I was responsible for the complete development and deployment of the eBook reader. Here’s an overview of my contributions:

Development:

• Front-End Development: Used HTML, CSS, and JavaScript to create a visually appealing and functional interface.
• PDF Framework Integration: Integrated a reliable PDF book reader framework to handle the loading, rendering, and navigation of PDF files.
• Custom Features: Added functionalities such as search, bookmarking, and page navigation to enhance user experience.

Design:

• UI/UX Design: Focused on creating a user-friendly design that simplifies the process of reading and navigating through the annual report.
• Responsive Layout: Ensured that the eBook reader maintains a consistent and accessible design across different devices and screen sizes.

Achievements:

• Successfully built and deployed an efficient in-house eBook reader tailored to our organizational needs.
• Enhanced the accessibility and usability of annual reports for employees and stakeholders.
• Leveraged existing PDF reader frameworks to expedite development while ensuring high performance and reliability.

Technologies Used:

• Development: HTML, CSS, JavaScript
• Framework: PDF.js

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

LocalSay is an innovative platform designed to help residents explore their local communities. By listing local shops, businesses, professionals, and influencers, LocalSay makes it easy for people to discover everything their locality has to offer. Whether you're looking for a nearby café, a trusted plumber, or the latest trends from local influencers, LocalSay has you covered.

My Role: As one of the founders of LocalSay, I played a crucial role in shaping the user experience and technical backbone of the platform. Here’s an in-depth look at my contributions:

The Babaname Generator is a fun and interactive project that I developed during my free time to engage with my Twitter community. This web application allows users to generate a "baba" version of their names, providing a playful twist to the standard name generator tools. The project quickly gained traction and received a lot of positive attention for its simplicity and entertainment value.

Technologies Used:

• Vue.js: Utilized for its powerful yet flexible framework, enabling efficient and reactive UI development.
• Bulma: A modern CSS framework based on Flexbox, used for creating the responsive and clean design of the website.
• Netlify: The site is hosted on Netlify, taking advantage of its reliable and easy-to-use hosting services for quick deployment and continuous integration.

Features:

• User-Friendly Interface: The website features an intuitive interface that allows users to effortlessly generate their "baba" name with just a few clicks.
• Responsive Design: Ensures a seamless experience across various devices, thanks to the responsive capabilities of Bulma.
• Lightweight and Fast: Built to be light and fast, providing users with instant results without any lag.

Personal Reflections: Working on the Babaname Generator was a rewarding experience. It was exciting to see the positive reactions from users and how something so simple could bring joy to many. The project allowed me to sharpen my skills in Vue.js and Bulma, while also demonstrating the power of Netlify for hosting and deployment. It stands as a testament to how small, fun projects can create a significant impact and connect with a wide audience.

Following in the footsteps of Bengaluru, we decided to embark on branding our city, Ranchi. Kudos to Vinod Kumar for his innovative design for the Bengaluru logo, which cleverly incorporates a hidden message through contrasting elements. This inspired me to ponder what essential elements a city logo should have. Here are four critical questions to consider:

1. Does it effectively represent the city's identity and culture?
2. Is the design versatile enough for various applications, from newsletters to street installations?
3. Can it remain recognizable and impactful in different sizes and formats?
4. Does it evoke a sense of pride and connection among the city's residents?

To illustrate the importance of versatility, consider how a logo must adapt to various uses, from digital newsletters to physical structures that people can interact with. A scalable logo is crucial for maintaining consistency and impact across all mediums.

The "Save Bari Park" campaign was a grassroots movement aimed at preserving Bari Park in Ranchi, a beloved green space threatened by demolition and commercialization. This campaign was a rallying cry for the people of Ranchi to protect their park from being turned into a commercial hub, ensuring that future generations could enjoy its natural beauty and tranquility.

Dive into the inspiring world of Women Techmakers with our event poster series for Google Developers Group Vellore. This series celebrates the brilliance of Kalpana Chawla, Mary Kom, PT. Usha, and Indira Gandhi, capturing the essence of their groundbreaking contributions.

ReForce is a voice-operated coding system designed to assist visually impaired individuals in coding and compiling on a server. Developed for the Angel Hackathon 2016, this project leverages Google's HTML5 Speech Recognition and Speech-to-Text API to make coding accessible.

Features:

• Voice-Operated Coding
• Remote Compilation
• Speech Recognition using Google's API

Technologies Used:

• HTML5
• JavaScript
• Google's Speech Recognition API
• Google's Speech-to-Text API

As a design intern at TravelJar, I had the privilege of contributing to the creation of the app's landing page wireframe. This project focused on guiding users through the immersive TravelJar experience, highlighting intuitive Call-to-Action (CTA) points.

I had the privilege of leading the transformative UX/UI redesign of SignCat, which was later rebranded as SignDigital.in. This dynamic platform specializes in Digital Signature Certificate (DSC) services. Our primary goal was to enhance user experience and streamline the online DSC purchasing process.

Embarking on a creative venture for GDG VIT, our team designed a standout standie that seamlessly fuses innovation and university pride. The standie prominently features the distinctive Google Developers Group branding alongside a custom portrait of VIT University, providing a personalized backdrop.

"Siley Wiley and Diley" is a whimsical character design project that I created using Adobe Photoshop and Illustrator. This project showcases the development of three charming characters through a series of step-by-step layer reveals, which were documented and posted on Behance. The design process highlights my proficiency in digital illustration and my ability to bring imaginative concepts to life.

Technologies Used:

• Adobe Photoshop: Utilized for its powerful image editing and painting capabilities to create the detailed textures and initial sketches of the characters.
• Adobe Illustrator: Employed for vectorizing the characters, allowing for clean lines and scalable graphics.

Project Highlights:

• Character Design: Developed three unique characters - Siley, Wiley, and Diley - each with distinct personalities and visual styles.
• Step-by-Step Process: Documented the entire creation process on Behance, showcasing each layer and step involved in bringing the characters to life.
• Layer Details: Provided insights into the techniques used, such as layering, shading, and vector paths, to achieve the final polished look of the characters.

The branding project for "Sahitya - The Literary Club" of Delhi Technology University (DTU) was an exciting venture that involved creating a cohesive and visually appealing identity for the club. The goal was to develop a brand that reflects the club’s dedication to literature, creativity, and intellectual engagement among students.