VISVESVARAYA TECHNOLOGICAL UNIVERSITY

BELAGAVI-590018, KARNATAKA

MOBILE APP DEVELOPMENT PROJECT REPORT

ON
QR Generator
Submitted by

Name: USN:
Mahender Singh 1CR22IS079
PS Niteesh Herale 1CR22IS102
Ratnesh Vaibhav Pandey 1CR22IS113

Under the guidance of

Name: Prof. Akansha A

Department Of Information Science and Engineering

Department Of Information Science and Engineering

CMR INSTITUTE OF TECHNOLOGY

#132, AECS LAYOUT, IT PARK ROAD, KUNDALAHALLI ,BENGALURU-560037
DEPARTMENT OF INFORMATION SCIENCE AND ENGINEERING
 CERTIFICATE

This is to certify the Project Report entitled QR Generator, prepared by Mahender

Singh, P S Niteesh Herale , Ratnesh Vaibhav Pandey bearing USN 1CR22IS079,
1CR22IS102, 1CR22IS113, bonafide students of CMR Institute of Technology,
Bengaluru in partial fulfillment of the requirements for the award of Bachelor of
Engineering in Information Science and Engineering of the Visvesvaraya
Technological University, Belagavi-590018 during the academic year 2024-25.

This is certified that all the corrections and suggestions indicated for Internal Assessment
have been incorporated in the report deposited in the departmental library. The Project
has been approved as it satisfies the academic requirements prescribed for the said
degree.

---------------------- -----------------------
Signature of Guide Signature of HOD
Prof. Akansha A Dr. Jagadishwari
 ACKNOWLEDGEMENT

The satisfaction that accompanies the successful completion of any task would be incomplete
without mentioning the people whose proper guidance and encouragement has served as a
beacon and crowned my efforts with success. We take an opportunity to thank all the
distinguished personalities for their enormous and precious support and encouragement
throughout the duration of this seminar. We take this opportunity to express my sincere gratitude
and respect to CMR Institute of Technology, Bengaluru for providing us an opportunity to
present my MAD project.
We have a great pleasure in expressing my deep sense of gratitude to Dr. Sanjay Jain, Principal,
CMRIT, Bangalore, for his constant encouragement.
We would like to thank Dr Jagadishwari, HoD, Department of Information Science and
Engineering, CMRIT, Bangalore, who shared his opinion and experience through which we
received the required information crucial for the mini project.
We consider it a privilege and honor to express our sincere gratitude to our guide Prof. Akansha
A, Department of Information and Science Engineering, for the valuable guidance throughout
the tenure of this review.

Mahender Singh- 1CR22IS079

P S Niteesh Herale- 1CR22IS102
Ratnesh Vaibhav Pandey- 1CR22IS113
 ABSTRACT

The QR Code Generator and Scanner project is a mobile application developed using Flutter and Dart to
simplify the creation and scanning of QR codes. This project aims to provide users with a seamless and
efficient tool for generating personalized QR codes and scanning existing ones for quick data retrieval.

The application consists of two primary functionalities:

1. QR Code Generation: Users can input custom text or data, which is converted into a visually appealing
QR code using the Pretty QR Code package. The generated QR codes can be used for sharing
information efficiently.
2. QR Code Scanning: Leveraging the Mobile Scanner package, the application allows users to scan QR
codes and extract encoded data. The scan results are displayed to the user, along with the associated
image preview if available.

The app utilizes Material Design principles to ensure a clean and user-friendly interface. Additionally,
navigation between the QR code generation and scanning features is intuitive, providing a smooth user
experience.

This project demonstrates the practical application of Flutter for cross-platform mobile development,
highlighting the potential for integrating third-party libraries to enhance functionality. The QR Code
Generator and Scanner app is a valuable tool for personal and professional use cases, promoting efficiency
and digital connectivity.
 TABLE OF CONTENTS

Title Page No.

Certificate
Acknowledgement
Abstract
1.Introduction 6
2.Tools Used 8
3.Methodology 10
4.Overview ,Features, Implementation and Output 13
5.Future Scope 19
6.Conclusion 21
7.References 22
 CHAPTER 1
INTRODUCTION
In today’s rapidly evolving digital landscape, QR codes (Quick Response codes) have emerged as a vital tool
for encoding and sharing information. These codes are utilized in various industries to store and transmit data
such as URLs, contact details, product information, and even payment information. With the widespread use of
QR codes for both personal and business purposes, the need for an easy and efficient method to generate and
scan these codes has become increasingly important.

This project aims to develop a mobile application using Flutter and Dart that allows users to generate and scan
QR codes seamlessly. The application provides two core functionalities: a QR code generator and a QR code
scanner. These features are designed to offer users a convenient solution for creating and retrieving information
embedded in QR codes, whether for personal, business, or educational purposes.

The QR Code Generator feature allows users to input any text or URL, which is then converted into a
scannable QR code. This QR code is displayed on the screen in real-time, ready to be shared or printed. For
generating these codes, the app utilizes the Pretty QR Code library, which ensures the creation of high-
quality, visually appealing QR codes.

On the other hand, the QR Code Scanner allows users to scan existing QR codes using the camera of their
device. Once a QR code is detected, the app decodes the information embedded in the code and displays it in a
user-friendly alert dialog. This feature is powered by the Mobile Scanner plugin, which ensures fast and
accurate QR code detection with minimal delay. The scanning process is designed to be simple and efficient,
providing real-time feedback to the user.

To facilitate easy navigation, the app implements a straightforward user interface (UI) that allows users to easily
switch between the generator and scanner functionalities. Users can toggle between the two screens using a
simple icon-based button, making the transition between tasks quick and seamless.

The application is developed using Flutter, a powerful cross-platform mobile development framework,
ensuring that it functions seamlessly on both Android and iOS platforms. This approach allows the app to reach
a broader audience without the need to write separate code for different platforms. Dart, the programming
language used with Flutter, powers the underlying functionality of the app, making the development process
efficient and straightforward.

6
The main goal of this project is to create a user-friendly, efficient, and functional mobile application that meets
the growing demand for QR code creation and scanning. By combining an intuitive design with robust
functionality, the app provides an easy-to-use tool for anyone who needs to generate or scan QR codes, whether
for quick information sharing, marketing purposes, or other business-related needs.

7
CHAPTER 2
TOOLS USED

The successful development of the QR Code Generator and Scanner application relies on a variety of tools,
libraries, and technologies to ensure optimal performance and user experience. Below are the primary tools used
in the project:

➢ Flutter:

1. Description: Flutter is an open-source framework developed by Google for building natively

compiled applications for mobile, web, and desktop from a single codebase. It uses the Dart
programming language and provides a rich set of pre-designed widgets that ensure a responsive
and visually appealing user interface.
2. Role in the Project: Flutter was used for developing the entire mobile application, including
both the QR code generation and scanning functionalities. Its cross-platform nature enables the
app to run seamlessly on both Android and iOS devices, ensuring a wider reach.

➢ Dart:

1. Description: Dart is the programming language used to write Flutter applications. It is an object-
oriented, class-based language that focuses on ease of use, performance, and fast development
cycles.
2. Role in the Project: Dart was used for implementing the core logic of the app, handling QR
code generation, scanning, and managing the app’s navigation system.

➢ Mobile Scanner Plugin:

1. Description: The mobile_scanner package is a Flutter plugin that provides the

ability to scan QR codes and barcodes using the device’s camera. It supports real-
time scanning and barcode detection.
2. Role in the Project: This plugin is used in the QR Code Scanner functionality. It

allows the app to access the device’s camera, detect QR codes, and decode the
information embedded within them.
8
➢ Pretty QR Code Plugins

1. Description: Pretty QR Code is a Flutter plugin used for generating visually appealing and
customizable QR codes. It allows developers to generate QR codes from various data formats,
including text and URLs, and offers customization options for the appearance of the generated
codes.
2. Role in the Project: This plugin is used in the QR Code Generator functionality to generate
high-quality QR codes based on user input, such as text or URLs.

➢ Android Studio:

1. Description: Android Studio is an integrated development environment (IDE) developed by

Google for building Android applications. It provides tools for writing, testing, and debugging
Android apps.
2. Role in the Project: Android Studio was used as the primary IDE for coding and testing the
mobile application. It provides a comprehensive set of tools for Flutter development, including
the Flutter plugin for creating and testing Flutter applications

9
 CHAPTER 3
METHODOLOGY

The development of the QR Code Generator and Scanner application follows a systematic approach to ensure
efficient design, implementation, and testing. The methodology used in this project is based on the principles of
Agile Software Development, which emphasizes iterative development, flexibility, and customer feedback.
The methodology can be broken down into the following stages:

1. Requirements Gathering and Analysis

The first step in the methodology was to identify the requirements of the application. This involved determining
the core functionalities needed for the application:

• QR Code Generation: The ability to input text or URLs and generate corresponding QR codes.
• QR Code Scanning: The ability to scan existing QR codes and display the information encoded in
them.

These requirements were gathered from user needs and technical feasibility, ensuring that the app was simple,
efficient, and met the expectations of the target users.

2. Design

In this phase, the overall design of the application was planned, including the user interface (UI) and user
experience (UX). The design considerations included:

• User Interface Design: The app’s UI was designed to be simple and user-friendly, allowing users to
easily navigate between the QR code generation and scanning features. Flutter's rich set of pre-designed
widgets helped in creating a responsive and visually appealing interface.
• Navigation Flow: The navigation between different pages (QR Code Generator and QR
Code Scanner) was carefully planned. The design ensures a seamless transition using
intuitive icons and buttons.
• Data Flow: The app's data flow was defined, ensuring that the input provided by the user (for QR code
generation) is processed and converted into a scannable QR code, while the scanned QR code data is
decoded and presented to the user.
10
3. Development

This stage involved the actual implementation of the application using Flutter and Dart. The development
process followed these key steps:

• Setting Up the Development Environment: The development environment was set up using Android
Studio and Visual Studio Code, with necessary Flutter and Dart configurations.
• Implementing the QR Code Generator: The first feature to be implemented was the QR code
generation. Using the Pretty QR Code plugin, the app was configured to generate high-quality QR
codes from user input, whether it be a URL or plain text.
• Implementing the QR Code Scanner: The second feature, QR code scanning, was implemented using
the Mobile Scanner plugin. The app was configured to access the device’s camera, detect QR codes,
and decode the embedded data.
• User Interface Development: Flutter's rich widget library was used to create the app’s UI, ensuring it
was responsive and user-friendly. Simple, clean layouts were chosen to ensure a pleasant experience for
the user.

4. Testing

Testing was an integral part of the development process to ensure that the application works as expected and is
free of bugs. The following types of testing were carried out:

• Unit Testing: Individual components of the app were tested to ensure that the core functionalities, such
as QR code generation and scanning, work independently.
• Integration Testing: The interaction between different components of the app, such as the UI and the
QR code generation/scanning features, was tested to ensure proper integration.
• UI/UX Testing: The app's user interface and user experience were tested by a group of
users to ensure that it was intuitive and met user expectations.
• Cross-Platform Testing: Since the app was developed for both Android and iOS
platforms, it was thoroughly tested on devices running both operating systems to ensure
consistent behavior and performance.

11
5. Deployment

Once testing was completed successfully, the application was prepared for deployment. The app was packaged
and prepared for release on the Google Play Store and Apple App Store. The following steps were taken
during deployment:

• App Store Optimization (ASO): A detailed description, screenshots, and other assets were prepared for
listing the app on the app stores.
• Publishing the App: The final version of the app was uploaded to the Play Store and App Store,
following the respective guidelines for submission.

6. Maintenance and Updates

After the application was launched, ongoing maintenance and updates were planned. Feedback from users was
collected to improve the app’s functionality and fix any issues that might arise. Future updates would include
additional features, bug fixes, and performance improvements.

7. Iterative Feedback and Improvement

Following the Agile approach, the app's development was broken into smaller iterative cycles. Feedback from
users was continuously collected during the testing phase, and improvements were made to ensure that the
application continually met user expectations and industry standards

12
 CHAPTER 4

OVERVIEW,FEATURES,IMPLEMENTAION AND OUTPUTS

❖ Overview

The QR Code Generator and Scanner application is designed to allow users to generate and scan QR codes
efficiently using a mobile device. The app provides two primary functionalities:

• QR Code Generation: Users can input text or URLs, and the app will generate a QR code that can be
scanned by other devices.
• QR Code Scanning: Users can scan existing QR codes to retrieve the encoded information.

The app is developed using Flutter, a cross-platform framework, and Dart, ensuring compatibility across both
Android and iOS devices. With an easy-to-navigate interface, the application allows users to quickly switch
between generating QR codes and scanning them, providing a seamless experience. The project aims to
simplify QR code creation and scanning for users in personal, business, and educational contexts.

❖ Features

The QR Code Generator and Scanner app comes with the following key features:

➢ QR Code Generation:

1. Users can enter any text or URL into a text field, and the app generates a scannable QR code.
2. The generated QR code is displayed on the screen in real-time.
3. The app uses the Pretty QR Code library to create visually appealing and high-quality QR
codes.

➢ QR Code Scanning:

1. The app enables users to scan QR codes using the device's camera.
2. Once a QR code is detected, the embedded information (such as text or a URL) is displayed in a
dialog box.
13
 3. The app uses the Mobile Scanner plugin to accurately detect QR codes and dlay the decoded
information.

➢ Cross-Platform Compatibility:

1. Developed using Flutter, the app is compatible with both Android and iOS platforms.
2. Users can download and use the app seamlessly on their respective devices.

➢ Intuitive User Interface:

1. The application features a simple and user-friendly UI that allows users to easily navigate
between the QR code generation and scanning functionalities.
2. Icon-based navigation helps users switch between the two features quickly.

➢ Real-Time QR Code Detection:

1. The QR code scanner offers real-time scanning, immediately decoding the information upon
detection.
2. The results are shown with a minimal delay, making the scanning process efficient

❖ Implementation
The development of the QR Code Generator and Scanner app followed these key steps:
➢ Setting Up the Development Environment:
1. Flutter SDK and Dart were installed to create the cross-platform application.
2. The development environment was set up in Android Studio for Android app development and
Xcode for iOS app development.

➢ QR Code Generator Implementation:

1. The Pretty QR Code Flutter package was integrated into the app for generating QR codes.
2. A simple TextField was provided for users to input text or a URL, which was then converted
into a QR code using the package.
3. The generated QR code was displayed on the screen, with dynamic updates whenever the input
text was changed.

14
➢ QR Code Scanner Implementation:

1. The Mobile Scanner package was used to provide QR code scanning functionality.
2. The device’s camera was accessed, and the app continuously scanned for QR codes.
3. Upon detection, the QR code’s data (text or URL) was decoded and displayed in an AlertDialog
with the decoded information.

➢ Navigation and UI:

1. The app’s navigation was implemented using Flutter's Navigator. The two primary pages (QR
Code Generator and QR Code Scanner) were linked, allowing users to easily switch between
them.
2. The UI was designed using Flutter widgets, ensuring that the app was responsive and user-
friendly.

➢ Testing and Debugging:

1. The app was tested on both Android and iOS devices to ensure cross-platform compatibility.
2. Bugs were identified and resolved during the testing phase, and performance optimizations were
made for smooth operation.

15
Output:
The expected outputs of the QR Code Generator and Scanner application include

➢ Generated QR Code:

1. Upon entering text or a URL in the input field and submitting it, the app generates a QR code
that is displayed on the screen.
2. Example: Entering "https://www.example.com" in the input field would generate a scannable QR
code that directs the user to the URL when scanned.

➢ Scanned QR Code Information:

1. When a QR code is scanned, the app decodes the information embedded in the code and displays
it in an alert dialog.
2. Example: Scanning a QR code containing the URL "https://www.example.com" will show the
URL in the dialog box.

➢ Cross-Platform Operation:

1. The app runs seamlessly on both Android and iOS platforms, allowing users on different
devices to generate and scan QR codes with ease.
2. The app performs consistently across different screen sizes and device types.

➢ Real-Time Feedback:

1. The QR code scanning process provides real-time feedback, displaying the scanned information
instantly upon detection.

16
GENERATE QR CODE

17
SCAN QR CODE

18
 CHAPTER 5

FUTURE SCOPE

The QR Code Generator and Scanner app has significant potential for further development and enhancement.
Below are some areas where the project can be expanded and improved to cater to a broader range of use cases
and improve user experience:
1. Integration with External APIs
• URL Redirection: The app can be enhanced to support URL redirection services, allowing users to
track the QR code scans and see analytics such as scan frequency, location of scans, and device type
used. By integrating with APIs like Google Analytics or third-party QR code services, users can gain
insights into the effectiveness of their QR codes.
• Social Media Sharing: Users can share generated QR codes directly via social media platforms like
Facebook, Twitter, or Instagram. This could make the app more useful for businesses and marketers.
2. Multi-Format QR Code Generation
• Support for Other Data Formats: Currently, the app supports generating QR codes for URLs and text.
The future scope can include support for encoding other data types, such as:
o Wi-Fi credentials (SSID and password)
o Email addresses and phone numbers
o Event information (calendar events or vCards)
o Geolocation (latitude and longitude coordinates)
o Payment information (for digital transactions)
3. QR Code Customization
• Advanced QR Code Design: The app can allow users to customize the look of their QR codes. This
could include:
o Custom colors for the QR code background and foreground.
o Logo integration in the center of the QR code.
o Custom shapes or patterns to make the QR code more visually appealing for businesses or
personal branding.
4. Offline Mode
• Offline Scanning: One limitation of the current app is the need for an active internet connection for
some operations. Future versions could allow QR code scanning and generation to function offline. The
app can store previously scanned data or generated QR codes locally for later access.
5. Enhanced Security Features

19
• Encrypted QR Codes: Implementing encryption for sensitive data embedded in QR codes (e.g., login
credentials, personal information) would make the app more secure. Users could scan encrypted QR
codes that would require a password or authentication to decode the information.
• QR Code Verification: A feature to verify the authenticity of scanned QR codes could be introduced.
This would help users detect malicious QR codes that could lead to phishing attacks or malware
installation.
6. Bulk QR Code Generation
• Batch QR Code Creation: For businesses and organizations, bulk generation of QR codes can be a
valuable feature. The app can be enhanced to allow users to upload a list of URLs or data and
automatically generate multiple QR codes at once, saving time for mass marketing campaigns or product
labeling.
7. Integration with Cloud Storage
• Cloud-based Storage for QR Codes: The app could allow users to save their generated QR codes in
the cloud (e.g., Google Drive, Dropbox). This would enable users to access their QR codes from
multiple devices and maintain a cloud-based record of all the QR codes they’ve generated.

20
 CHAPTER 6
CONCLUSION

The QR Code Generator and Scanner app is a simple yet powerful tool that streamlines the process of
generating and scanning QR codes, enhancing both personal and professional use. By leveraging the cross-
platform capabilities of Flutter and the efficient integration of the Pretty QR Code and Mobile Scanner
libraries, the app offers a seamless user experience for generating visually appealing QR codes and scanning
them with ease.

The project has successfully demonstrated the potential of QR codes in sharing information efficiently. Whether
for personal use, such as storing URLs or text, or for professional applications like business promotions, event
management, and marketing, the app provides an accessible solution. The clean and intuitive user interface
makes the app easy to navigate, allowing users to transition between the QR code generation and scanning
features effortlessly.

Furthermore, with the implementation of features like real-time scanning, cross-platform compatibility, and a
responsive UI, the app is poised to become a versatile tool in the digital age. The app also offers significant
potential for future enhancements, such as advanced QR code customization, bulk generation, offline
capabilities, and security features, which can expand its utility in various domains.

In conclusion, the QR Code Generator and Scanner app fulfills its purpose of simplifying QR code creation
and scanning while also laying the foundation for further improvements and features that can enhance its
functionality. The project serves as an excellent example of how Flutter and Dart can be leveraged to build
efficient, user-friendly mobile applications with cross-platform capabilities.

21
REFERENCES:

1. Flutter Documentation
Flutter team. "Flutter Documentation." Available at: https://flutter.dev
2. Dart Programming Language
Dart team. "Dart Documentation." Available at: https://dart.dev
3. Pretty QR Code Plugin
Pretty QR Code Plugin Documentation. Available at: https://pub.dev/packages/pretty_qr_code
4. Mobile Scanner Plugin
Mobile Scanner Plugin Documentation. Available at: https://pub.dev/packages/mobile_scanner
5. Material Design
Material Design Guidelines. Available at: https://m3.material.io
6. Flutter GitHub Repository
Flutter team. "Flutter GitHub Repository." Available at: https://github.com/flutter/flutter

22