VISION OF INSTITUTE

To be a leading global technology university that provides a transformative education to create

leaders and innovators, and generates new knowledge for society and industry.

MISSION OF INSTITUTE

• To create an ambience in which new ideas, research and scholarship flourish, and from
which the leaders and innovators of tomorrow emerge.
• To address problems faced by the nation and the world through the talent we nurture and
the research we do.
• To provide an education that transforms students through rigorous coursework and by
providing an understanding of the needs of society and industry.
• To collaborate with other academic and research institutes around the world to strengthen
the education and research ecosystem.

VISION OF DEPARTMENT

The ultimate aim is to provide the students with an educational training that emphasizes
innovation, social awareness, professional ethics and nurture leadership skills. A resourceful
environment to promote creativity and entrepreneurship amongst researchers is also being
developed while maintaining sustainable goals and upholding the values of highest
professional ethics and enrich the lives of humanity.

"To be recognized globally for excellence in education, research and

innovation, and nurture future leaders, to serve the society at large."

MISSION OF DEPARTMENT

Provide education, research and advancement of knowledge. Prepare the students for
successful professional careers, leadership roles and be globally competent. Motivate graduates
to play vital roles in achieving excellence in pursuit for developmental activities and serve the
society. Meet the technological needs of the region and the country.
Support innovation, entrepreneurship and be a catalyst of development inclusive of all stake
holders. Making a difference in the lives of every person we interact with, to inspire and create
ethical value-based transformation.

ii
TABLE OF CONTENTS

CONTENTS PAGE NO.

TITLE PAGE .................................................................................................................... (i)

VISION, MISSION OF INSTITUTE AND DEPARTMENT ........................................ (ii)

ABSTRACT ....................................................................................................................... 1

MOTIVATION, ADVANTAGES ..................................................................................... 2

LITRATURE REVIEW ..................................................................................................... 3

ABOUT HOSPISOFT .........................................................................................................8

OBJECTIVES OF THE PROJECT .................................................................................... 9

METHODOLOGY OF THE PROPOSED TOPIC ............................................................10

FACILITIES REQUIRED FOR PROPOSED TOPIC....................................................... 11

REFERENCES ....................................................................................................................12

iii
 ABSTRACT

The purpose of Hospisoft web and app interface of to replace the existing outdated software
and provide addition features to the users, which will fulfil their requirements. The required
software and hardware are easily available and easy to work with.

Hospisoft project will provide clean interface to use. We aim to provide more feature bases on
the requirements and the feedbacks.

Validation and security checks will be applied throughout the system, for enhancing security
of the user data and operations based on data/information.

1
 MOTIVATION

The goal of this project to provide robust, customizable and secure software. There is a need
for an application that will replace the existing outdated system, and to provide addition feature
to users.

We will be able to:

• Create user profile and connect multiple patient profiles.

• Generate OPD slip for the patient from their mobile phone using application.
• Patient will be able to generate slip as per the need and will be able to select from doctor
list and specialty list.
• Upload their slip images and track their slip status.
• Hospital receptionist will able to handle online and offline slips on the web-application
interface.
• Provide easy to use and clean web and mobile app interface.

ADVANTAGES:
Receptionist:
• Provides the facility to create patient profile, generate OPD slips instantly.
• Search profile based on the registered contact number.
• Facility to send documents to the patient profile.
• Track the profile, slip and payment status.
Users:
• Create user profile and create and connect patient profiles.
• Generate OPD slip from the application installed on the mobile device.
• Can choose specialty and doctor while initiating the slip.
• Upload photo to slips, and open uploaded media and documents

2
 LITERATURE REVIEW

The development of mobile applications and web applications has witnessed significant
advancements in recent years, primarily due to the emergence of versatile and efficient
frameworks and technologies. In this literature review, we delve into the relevant literature on
three core components of your project: React Native, React.js, and Django, to provide insights
into their significance and advantages.
The history of apps and web apps has been a remarkable journey through the evolution of
computing and the internet. In the early days of computing, applications were primarily
developed for specific hardware systems, often requiring custom coding for each device. The
concept of web applications emerged as the internet became more accessible, allowing users
to access software and services through web browsers. The pivotal moment came with the
advent of Web 2.0 in the early 2000s, which introduced dynamic and interactive web
applications, revolutionizing the user experience. Simultaneously, the rise of smartphones and
app stores, initiated by Apple's App Store in 2008, brought about the mobile app era, enabling
users to download and install software tailored for their mobile devices. Today, apps and web
apps are integral to our daily lives, offering a wide array of services, from social networking to
productivity tools, gaming, and beyond, shaping the way we interact with technology and the
digital world. This history underscores the ever-evolving landscape of applications, driven by
technological advancements and changing user demands.

React Native for Mobile Development:

React Native, an open-source JavaScript framework developed by Facebook, has gained
immense popularity for its ability to streamline the development of cross-platform mobile
applications. The framework allows developers to write code in JavaScript or TypeScript and
render native UI components on both iOS and Android platforms. React Native's popularity
can be attributed to its numerous advantages, including:

• Performance: React Native leverages native modules and components, ensuring that the
app performs close to native apps.
• Code Reusability: Developers can reuse a significant portion of their codebase for both
iOS and Android platforms, reducing development time and effort.
• Community and Ecosystem: The React Native community is active and vibrant,
offering a wide range of third-party libraries and plugins to extend functionality.

Notable references for React Native:

• "React Native" (Official documentation)

• Parashar, A., & Singh, P. (2019). A Comprehensive Study on React Native vs Native
App Development. 2019 10th International Conference on Computing, Communication
and Networking Technologies (ICCCNT).

3
React.js for Web Development:
React.js, another creation from Facebook, is a widely adopted JavaScript library for building
user interfaces. It follows a component-based architecture, making it efficient for creating
interactive and responsive web applications. React.js offers numerous benefits for web
development:

• Virtual DOM: React.js utilizes a Virtual DOM to minimize DOM manipulation, leading
to improved performance and faster rendering.
• Component Reusability: Developers can create reusable UI components, simplifying
the development process and ensuring consistency.
• Declarative Syntax: React's declarative approach to building user interfaces makes it
easier to understand and maintain code.

Notable references for React.js:

• "React" (Official documentation)

• Verma, A., & Kumar, P. (2017). An In-depth Evaluation of ReactJS. 2017 International
Conference on Computing, Communication and Automation (ICCCA).

Django for Backend Development:

Django, a high-level Python web framework, is known for its simplicity, security, and
robustness in building web applications. It follows the Model-View-Controller (MVC)
architectural pattern and offers a wide range of built-in features:

• Security: Django provides robust security measures like built-in protection against
common web vulnerabilities (e.g., Cross-Site Scripting, Cross-Site Request Forgery).
• Admin Interface: An admin interface is automatically generated for managing
application data, simplifying content management.
• Scalability: Django's scalability is well-documented, making it suitable for projects of
various sizes.

Notable references for Django:

• "Django" (Official website)

• Hare, D. (2018). Developing Modern Web Applications with Django and React. 2018
IEEE International Conference on Software Architecture Companion (ICSA-C).

4
React Native:
React Native is an open-source mobile app development framework developed by Facebook.
It allows developers to create cross-platform mobile applications using JavaScript and React,
maintaining a native-like user experience on both iOS and Android devices. This framework
offers advantages such as code reusability, live reloading for real-time changes, and a large
community with extensive libraries and tools, making it a popular choice for efficient and cost-
effective mobile app development.

With React Native, developers can use pre-built components that map to native UI elements,
achieving near-native performance. It also supports easy integration with existing native code
and offers hot reloading for faster development and debugging. These features, combined with
its cross-platform capabilities, have made React Native a go-to choose for building mobile
applications across various industries, from startups to established enterprises.

React Native is a game-changer in mobile app development, offering a bridge between the
worlds of web and mobile. By using a single codebase, developers can create apps for both
major platforms, saving time and resources. Its live reload feature allows real-time code
changes, enhancing the development process, and it supports a vast ecosystem of third-party
libraries, enabling developers to extend their app's functionality seamlessly.

Moreover, React Native's performance is exceptional, thanks to its use of native components
and optimizations. It is capable of handling complex and feature-rich applications, making it
suitable for a wide range of projects. As a result, React Native has become a cornerstone for
businesses and developers seeking efficient cross-platform mobile app development without
compromising on user experience or performance.

Stylesheets:
In React Native, stylesheets are a crucial part of designing and styling the user interface of
mobile applications. Stylesheets in React Native work similarly to CSS in web development
but are tailored for mobile app development. They allow developers to define the look and
layout of components, ensuring a consistent and visually appealing user experience across
different devices and screen sizes.

Styles in React Native are typically defined using JavaScript objects, where each key
corresponds to a style property and its value determines the specific styling attribute. For
example, you can define the color, font size, padding, margin, and more for various components
using these style objects. Once defined, styles can be applied to React Native components using
the `style` prop.

React Native's stylesheet approach offers several benefits, including code maintainability and
reusability, as styles can be defined centrally and reused across multiple components.
Additionally, React Native's built-in support for flexbox simplifies layout design, making it
easier to create responsive and adaptive user interfaces for different screen sizes and
orientations. Overall, stylesheets are an essential tool in React Native app development,
ensuring that the app's visual design aligns with the desired user experience.

5
Features of React Native
Cross-Platform Development: React Native is renowned for its ability to streamline mobile app
development across multiple platforms. By writing code once in JavaScript and React,
developers can create applications that run on both iOS and Android devices. This not only
reduces development time but also minimizes the need for platform-specific coding, resulting
in cost savings and faster time-to-market.

Native-Like User Experience: One of React Native's standout features is its capacity to deliver
a native-like user experience. Unlike some cross-platform frameworks that rely heavily on web
views, React Native employs native components for its user interface. This means that the app's
look and feel match that of a natively developed application, ensuring smooth interactions and
performance.

Hot Reloading: React Native's hot reloading feature is a significant productivity booster.
Developers can make code changes and instantly see the results within the app. This feature
preserves the app's current state, allowing for real-time adjustments and debugging without the
need to rebuild the entire application.

Rich Ecosystem: The framework benefits immensely from its robust and active community of
developers. React Native has a vast ecosystem of open-source libraries, plugins, and tools
available via the npm package manager. This ecosystem empowers developers to add features
and functionalities to their apps efficiently, leveraging the collective knowledge and
contributions of the community.

Performance Optimization: React Native's architecture is optimized for performance. It can

efficiently handle computationally intensive tasks and offers access to native modules when
maximum performance is required. This versatility makes it suitable for a wide range of
applications, from simple prototypes to complex, feature-rich mobile apps.

Easy Integration: React Native is designed with seamless integration in mind. It allows
developers to incorporate existing native code or third-party native modules into their projects
when necessary. This flexibility enables apps to leverage device-specific capabilities and
functionalities while still benefiting from the advantages of cross-platform development.

What is React
React is a popular open-source JavaScript library for building user interfaces. It was developed
by Facebook and is now maintained by a community of developers.

React is designed to help developers create large-scale applications with changing data over
time. It uses a declarative approach, which means that developers describe what they want their
UI to look like, and React takes care of the updates as data changes.

React is based on the concept of components, which are reusable building blocks that can be
combined to create complex user interfaces. Each component encapsulates its own logic and
state, which helps to make applications easier to understand and maintain.

6
React is often used in combination with other tools and libraries, such as Redux for state
management, React Router for navigation, and various testing frameworks for testing
components and applications[2].

React has become a popular choice for building web applications due to its efficiency,
scalability, and ease of use. It is widely used by companies such as Facebook, Instagram,
Netflix, and Airbnb, among others.

Django:
Django is a high-level open-source web framework written in Python. It is known for its
"batteries-included" philosophy, which means it comes with a wide array of built-in features
and libraries for building web applications rapidly and efficiently. Django follows the Model-
View-Controller (MVC) architectural pattern, with slight variations known as Model-View-
Template (MVT) [3]. It simplifies common web development tasks such as handling databases,
authentication, URL routing, and templating, allowing developers to focus on building the core
features of their applications. Django's strong emphasis on security, scalability, and code
reusability makes it a popular choice for developing web applications, from simple websites to
complex, data-driven platforms.

Django Rest Framework (DRF):

Django Rest Framework, often abbreviated as DRF, is a powerful and flexible toolkit for
building Web APIs in Django applications. It seamlessly integrates with Django, allowing
developers to extend their existing Django projects with RESTful API capabilities. DRF
simplifies the creation of APIs by providing tools for serialization, authentication, permissions,
and view classes. It supports various data formats, including JSON and XML, making it
versatile for data exchange between clients and servers. DRF's customizable and modular
architecture enables developers to tailor their APIs to meet specific project requirements. It has
become the go-to choose for Django developers looking to expose their application data
through APIs, enabling interactions with various clients, such as mobile apps and single-page
web applications.

Rest APIs
REST APIs (Representational State Transfer Application Programming Interfaces) are a type
of web service that enables different software systems to communicate over the internet. They
use standard HTTP methods (GET, POST, PUT, DELETE) to perform operations on resources
identified by URLs [5]. REST APIs are stateless, meaning each request contains all needed
information, simplifying scalability and allowing easy load balancing. They offer a
standardized, efficient way for applications to share data and are widely used in web
development due to their simplicity and compatibility with HTTP.

7
 ABOUT HOSPISOFT PROJECT

The “HOSPISOFT” is a complete package of WEB-APPLICATION and mobile phone

application. (Android and iOS). Its backend is supported by strong and secure DRF (Django
Rest Framework) and REST APIs integration in both web and app interface.

The “HOSPISOFT” has been developed to replace the outdated software being used in many
hospitals for their record keeping and management, to solve the problems prevailing in the
practicing manual system. This software is supported to eliminate and, in some cases, reduce
the hardships faced by this existing system and the operators. Moreover, this project is designed
for the particular need of the hospital to carry out operations in a smooth and effective manner.

The application is public to use for everyone for creating profile as patient and generate the
OPD Slip. Doctor-Profile credentials are provided to authenticated doctors from the hospital.
A person logged in as doctor can get information about their schedule and patients listed under
their specialty.

The web interface is designed and developed to be operated by the receptionist in the hospital.
Web interface is secure and can only be accessed by authentic Super User and operator, whose
profile will be authenticated by the hospital authorities. Unique credentials will be provided to
operators/receptionists.

This software project is highly customizable. Feature can be added, modified or removed
according to the client’s requirements.

8
 OBJECTIVES OF PROPOSED TOPIC:

Primary objectives of this project:

• Provide users the facility to generate the OPD slip by using mobile application
During rush hours it is hard to maintain and provide services to a large queue of the
patients. App will provide the feature of generating slip and will be able to reduce the load
on reception window at hospitals

• To provide facility to doctors for managing their schedule and patients registered
under their specialty.

• To provide new, clean, secure and easy to operate interface software to the operators
at the reception window for record keeping and managing the large number of
patients data.
This project will help operators to generate reports on patients’ data easily.

New features may be introduced in this project during the development process, according to
the feedbacks and requirements.

9
 METHODOLOGY OF PROPOSED TOPIC:

In order to complete this system, several scopes of study are in need to achieve the major scopes
are discussed as follows:

1. There will be research towards the current existing system to find out if there are improvements
that can be made
• The procedure should be covering all possible aspects inclusive of update, add and delete.

2. Created a design for the website and application.

3. Created a flowchart and work flow for the Django backend.
4. Prepared a flowchart that describe how the structure of application and website look like.
5. Prepared Backend for the website and application.
• Prepared Database ORM.
• Created REST APIs using DRF.
• Tested the API end points using Postman.
• Integrated APIs in application and web interface.

6. Prepared Frontend for the Website.

• Prepared UI using ReactJS, ChakraUi and Tailwind CSS.

7. Tested Frontend for validation and APIs response handling.

8. Integrate Front and Backend.
9. Generating build file for app and deploying it to application store (Play store or App store).
10. Continuously improving the software project by adding new features and removing any bugs
and errors.
11. Enhancing the features according to necessary feedbacks.

10
 FACILITIES REQUIRED FOR PROPOSED TOPIC:

The proposed topic (Hospisoft, web and app package) needs the following Hardware and
Software requirements for the smooth development of website:

Hardware Requirements (Recommended):

• Processor: Intel Core i5-4400E Or Above
• Memory/Ram: 8GB
• Disk space: Greater than 8Gb
• Graphic Card: AMD Radeon R7 A10-7850K or above

Software Requirements:
• Operating system: windows 10 and above
• Web Browser, Emulator to run application on virtual machine
• Front End Technologies: React Native, ReactJS, NodeJS and Tailwind CSS
• Back End Technologies: DRF (Django Rest Framework)
• API Testing Tool: Postman
• Language: JavaScript, Python

11
 References:

[1] G. Eason, B. Noble, and I. N. Sneddon, “On certain integrals of Lipschitz-Hankel type involving products of Bessel functions,” Phil.
Trans. Roy. Soc. London, vol. A247, pp. 529–551, April 1955. (references)
[2] J. Clerk Maxwell, A Treatise on Electricity and Magnetism, 3rd ed., vol. 2. Oxford: Clarendon, 1892, pp.68–73.
[3] I. S. Jacobs and C. P. Bean, “Fine particles, thin films and exchange anisotropy,” in Magnetism, vol. III, G. T. Rado and H. Suhl, Eds.
New York: Academic, 1963, pp. 271–350.
[4] K. Elissa, “Title of paper if known,” unpublished.
[5] R. Nicole, “Title of paper with only first word capitalized,” J. Name Stand. Abbrev., in press.
[6] Y. Yorozu, M. Hirano, K. Oka, and Y. Tagawa, “Electron spectroscopy studies on magneto-optical media and plastic substrate
interface,” IEEE Transl. J. Magn. Japan, vol. 2, pp. 740–741, August 1987 [Digests 9th Annual Conf. Magnetics Japan, p. 301, 1982].
[7] M. Young, The Technical Writer’s Handbook. Mill Valley, CA: University Science, 1989.

12