MINI PROJECT REPORT/ INTERNSHIP

ON

Donation & Wastage Management Website

Department of Information Technology

Submitted By:

Divyansh Raghav (2100911540016)

Internship Coordinator: Dr. Meena Arora

Nov 2024 -25

JSS Academy of Technical Education, NOIDA

Dr. APJ Abdul Kalam Technical University, Lucknow, U.P

 DECLARATION

I hereby declare that this submission is my own work and that, to the best of my knowledge
and belief, it contains no material previously published or written by another person nor
material which to a substantial extent has been accepted for the award of any other degree or
diploma of the university or other institute of higher learning, except where due
acknowledgment has been made in the text. The matter embodied in the report has not been
submitted for the award of any other degree.

(Student's Signature)
Divyansh Raghav (2100911540016)
 Table of Contents
Declaration…………………………………………………………………………………….i

Certificate……………………………………………………………………………………..ii

Abstract...............………………………………………………………………………..……iii

Acknowledgement.....................................................................................................................iv

List of Abbreviation……………………………….…………………………………….….....v

List of Figures…….……………………………….…………………………………………..vi

1. Introduction………………………………………………………………………………….1

1.1 Problem Statement…………………………………………………………….......1

1.2 Motivation………………………………………………………………………… 2
1.3 Objective…………………………………………………………………………..3
1.4 Learning Outcomes………..……………………………………………………...4

2. Introduction to Organization…………………………………………………………….….5

3. Tools and Technology Used…………………………………………………………………6

3.1 HTML CSS JS………………………………………………………………………… 6

3.2 Hardware & Software Requirement…………………………………………………... 7

4. Introduction to Project………………………………………………………………………9

4.1 Activity Flowchart………………………………………………………..…….....9

4.2 Use Cases............….……………………………………………………………..11
4.3 Result & Discussion……………………………………………………………...13
4.4 Utility of Project………………………………………………………………… 14

5. Conclusion………………………………………………………………………………....15

6. References…………………………………………………………………………………16
 Abstract

The "Donation & Wastage Management Website" is a digital platform aimed at addressing two
critical societal issues: waste reduction and resource redistribution. Our mission is to promote
sustainability by creating an efficient and user-friendly system that facilitates the donation
process, reduces waste, and supports those in need. The website enables individuals,
businesses, and organizations to donate items they no longer require—ranging from clothing
and household goods to food and electronics—thus preventing these items from ending up in
landfills.

The platform features a comprehensive portal for donors to list items available for donation,
and potential recipients, such as charitable organizations and low-income families, can browse
these listings and request items as per their needs. Additionally, the system includes a logistics
component to streamline the pickup and delivery process, ensuring that donated goods reach
the right beneficiaries efficiently.

By promoting resource redistribution, minimizing waste, and educating users on sustainability

practices, this project aims to create a sustainable ecosystem that benefits both the environment
and underserved communities. The expected outcomes include increased resource
redistribution, enhanced community support, and improved public awareness regarding waste
reduction and environmental responsibility.
 Acknowledgment

I would like to express my sincere gratitude to JSS ACADEMY OF TECHNICAL

EDUCATION, NOIDA for providing me with the opportunity to undertake my internship with
such a prestigious organization. The experience has been immensely valuable and has
significantly contributed to my professional and personal growth.

Firstly, I would like to thank Dr. Meena Arora, my internship supervisor, for their continuous
guidance, support, and encouragement throughout the duration of my internship. Their insights
and expertise have been instrumental in shaping my understanding and approach to the work
assigned.

I am grateful to all the employees at IBM for their cooperation and for creating a welcoming
and conducive working environment. Their camaraderie and support have made my internship
journey both enjoyable and enlightening.

Lastly, I would like to thank my family and friends for their unwavering support and
encouragement, which has motivated me to strive for excellence throughout this internship.
Thank you all for making this experience unforgettable and for helping me develop both
professionally and personally.
 List of Abbreviation

Abbreviation Full Form

HTML HyperText Markup Language

CSS Cascading Style Sheets
JS JavaScript
NGO Non-Governmental Organization
UI User Interface
UX User Experience
DB Database
API Application Programming Interface
CRUD Create, Read, Update, Delete
UX/UI User Experience/User Interface
HTTP Hypertext Transfer Protocol
HTTPS Hypertext Transfer Protocol Secure
JSON JavaScript Object Notation
SQL Structured Query Language
UXD User Experience Design
DOM Document Object Model
 List of Figures

Fig. No. Figure Description Page Number

1 Activity Flow Chart 9

2 Data Flow Chart 10

 Chapter 1

Introduction

In today’s world, waste management has become a critical issue, affecting both the
environment and communities worldwide. The increase in consumerism has led to a surge in
discarded items, many of which are still usable and could benefit others in need.

1.1Problem Statement

This problem is exacerbated by the lack of a structured platform that facilitates the
redistribution of excess resources, resulting in valuable items ending up in landfills.

On the other hand, numerous charitable organizations, non-profits, and low-income families
are in constant need of resources, from clothing and food to household items and educational
materials. However, the process of matching donors with recipients is often inefficient,
disorganized, and lacking in visibility. Individuals and organizations willing to donate often
struggle to find reliable channels or face logistical challenges, such as item transportation and
communication gaps.

Despite the growing awareness around sustainability, there are limited platforms that bridge
the gap between donors and recipients effectively. Existing solutions are either too localized,
limited in functionality, or do not offer a streamlined user experience for both donors and
recipients. Furthermore, there is a need for a system that ensures transparency in the donation
process, tracks the flow of donations, and facilitates communication between stakeholders
involved.

The aim of this project, therefore, is to address these issues by developing a comprehensive
"Donation & Wastage Management Website." The platform will serve as a centralized system
where individuals, businesses, and organizations can easily list items for donation, and
potential recipients can browse and request items according to their needs. By providing a
solution to manage logistics, ensure transparency, and enhance the overall donation experience,
this website seeks to reduce waste, support underprivileged communities, and promote
sustainable practices.

1
1.2Motivation

The motivation behind the development of the "Donation & Wastage Management Website"
is rooted in a desire to make a meaningful social and environmental impact through technology.
In recent years, issues like resource wastage and unequal access to basic needs have become
increasingly pressing. Despite the fact that millions of people struggle to obtain essential items,
large quantities of usable goods are discarded or left unused. This situation highlights a
profound imbalance that calls for a solution to bridge the gap between those who have surplus
items and those in need.

One of the primary motivations is the need to reduce waste and promote environmental
sustainability. As landfills grow and pollution worsens, finding ways to reuse items and
minimize waste has become essential. By creating a platform that encourages the donation of
excess items—such as clothing, electronics, food, and other household goods—the project
seeks to promote a culture of reuse and recycling. This not only helps reduce environmental
harm but also contributes to a more sustainable future by decreasing the demand for new
products and the resources needed for their production.

In summary, the motivation for the "Donation & Wastage Management Website" is driven by
the need to reduce waste, support communities in need, simplify the donation process, and use
technology for societal benefit. By creating a comprehensive, accessible, and efficient
platform, this project aspires to make a positive difference in both the environment and the
lives of those less fortunate.

2
1.3Objective of Internship

The primary objective of this internship is to gain practical experience in developing and
deploying a functional web platform that addresses a real-world problem—in this case, the
donation and redistribution of surplus resources to promote sustainability and support
underprivileged communities. This objective encompasses multiple facets of learning and
development, from technical skill acquisition to a deeper understanding of social impact
through technology. Key objectives include:

A core objective is to enhance technical skills in front-end and back-end web development.
This internship provides hands-on experience with essential technologies such as HTML,
CSS, JavaScript, and Bootstrap for front-end design, and backend processes, such as
managing databases, ensuring secure user interactions, and implementing responsive
design principles. By building the "Donation & Wastage Management Website," the
internship aims to strengthen foundational knowledge in web development and build a
robust portfolio project.

The internship offers an opportunity to understand the complete lifecycle of a web

development project, from initial planning and conceptualization through to testing,
deployment, and user feedback. Exposure to project management methodologies, such as
Agile, allows for iterative development and fosters a deep understanding of client
requirements, task prioritization, and time management. This experience helps develop the
ability to manage project timelines, adapt to changes, and ensure continuous improvement
through user feedback.

3
1.4 Learning Outcomes

The internship experience provided valuable insights and practical skills across various
domains, from technical development to project management and social responsibility. The
following learning outcomes highlight the key skills and knowledge gained:

One of the primary learning outcomes of this internship was gaining proficiency in essential
web development technologies, including HTML, CSS, JavaScript, and Bootstrap.
Working on the "Donation & Wastage Management Website" helped solidify
understanding of how to structure, style, and bring interactivity to web pages. Additionally,
hands-on experience with frontend and backend integration enriched the ability to design
and implement full-stack solutions, making the development process smoother and more
efficient.

The project required managing data related to donors, recipients, and donation items, which
necessitated a deep understanding of databases. Practical experience with SQL and NoSQL
databases (e.g., MySQL, MongoDB) was a critical learning outcome, providing insight into
data storage, retrieval, and manipulation. This knowledge is vital for building scalable,
efficient, and secure systems that handle user data responsibly.

Creating a user-friendly and intuitive interface was essential to the success of the project.
By focusing on UI/UX principles, the internship provided practical skills in designing
accessible and responsive web interfaces. This included wireframing, user flow mapping,
and accessibility considerations. Understanding the importance of a positive user
experience helped create a platform that is visually appealing and easy to navigate, which
is crucial for encouraging user engagement.

Working on a complex, multi-functional platform required the ability to troubleshoot and

resolve issues efficiently. Developing strong problem-solving skills through debugging,
testing, and iterative improvements was a significant learning outcome. This experience
cultivated a mindset of resilience, adaptability, and resourcefulness, essential for addressing
challenges that arise in real-world projects.

4
 Chapter 2

Introduction of Organization

International Business Machines Corporation (IBM)[3] is a multinational technology and

consulting company headquartered in Armonk, New York. Founded in 1911 as the
Computing-Tabulating-Recording Company (CTR), it was renamed IBM in 1924 and has
since become one of the most influential technology companies globally. IBM is widely
recognized for its pioneering contributions to computing, with innovations ranging from the
development of the mainframe computer to the advancement of artificial intelligence.

Key Areas of Business

Cloud Computing

IBM offers a range of cloud solutions, including IBM Cloud, a comprehensive suite of cloud
computing services that supports public, private, and hybrid cloud deployments. Its cloud
services are designed to help businesses scale their infrastructure, enhance data security, and
increase operational flexibility.

Artificial Intelligence (AI)

IBM has been a leader in artificial intelligence for decades, notably with its AI platform, IBM
Watson. Watson uses natural language processing, machine learning, and data analytics to
support industries such as healthcare, finance, and customer service by providing insights,
automating workflows, and enhancing decision-making.

Quantum Computing

IBM is at the forefront of quantum computing research and development, aiming to solve
complex problems beyond the capabilities of traditional computers. IBM Quantum, one of
the first publicly accessible quantum computing initiatives, allows researchers and businesses
to explore quantum algorithms and applications.

5
 Chapter 3

Tools and Technology Used

Below are some tools that are used to build the project.

3.1 HTML, CSS, and JavaScript

HTML (HyperText Markup Language)

• HTML forms[5] the foundation of the website by providing the basic structure of each
webpage.

• Semantic HTML5 tags were used to organize content, enhance accessibility, and
improve SEO.

• Key components, like headers, navigation bars, donation forms, and footers, were built
using HTML to ensure a consistent structure across all pages.

CSS (Cascading Style Sheets)

• CSS[4] was utilized to style the website and create a cohesive, visually appealing
design.

• CSS3 properties, including animations, transitions, and transformations, added

interactivity and enhanced the user experience.

• Media queries were essential in making the website responsive, ensuring it functions
well across different devices and screen sizes.

JavaScript

• JavaScript[6] added interactivity to the website, making it more dynamic and user-
friendly.

• Features such as form validation, modals, and real-time content updates were
implemented using JavaScript.
6
 • Vanilla JavaScript enabled client-side actions like toggling elements and validating
user inputs, enhancing usability and creating a smooth user experience.

3.2 Hardware and Software requirements

Software Requirements

1. Git and GitHub

o Git[2]: Used for version control to track code changes and manage project
history, ensuring a well-organized development process.

o GitHub: Hosted the project repository, enabling collaboration, code backup, and
project management.

2. Visual Studio Code (VS Code)

o Primary code editor for development, offering features like syntax highlighting,
Emmet shortcuts, and integrated Git support.

o Extensions like Live Server allowed for real-time preview of changes, and
Prettier helped maintain clean, readable code.

3. Figma (for Prototyping and Design)

o A design tool used to create wireframes and prototypes, helping visualize the
layout and user flow before coding.

o Figma's collaborative features enabled feedback and refinement of the design,

aligning the project’s visual elements with its functionality.

4. Google Fonts

o Supplied custom fonts to improve typography and reinforce the website's brand
identity.

7
 o Fonts from Google Fonts were web-safe and optimized for performance,
ensuring the text looked professional and was easily readable across devices.

Hardware Requirements

1. Development Machine

o Processor: Minimum of Intel i5 or equivalent for smooth performance during

development.

o RAM: At least 8 GB to handle multiple applications, such as VS Code, Git, and

Figma, running simultaneously.

o Storage: Minimum of 256 GB SSD for fast read/write speeds, necessary for
running development tools and managing project files.

2. Display

o A Full HD (1920x1080) display is recommended for a clear, accurate preview

of the web interface and for working with design tools like Figma.

3. Internet Connection

o A stable internet connection is essential for accessing online resources (e.g.,

Google Fonts, Font Awesome) and for using cloud-based tools such as GitHub
for version control and collaboration.

8
 Chapter 4

Introduction to Project

A Donation and Wastage Management Website serves as a digital platform designed to

address two significant societal issues: waste reduction and resource redistribution. Our
mission is to create a sustainable future.

4.1 Activity Flowchart

Flow chart of project is shown in figure 1

START

Open home page of website

Click on "Donate Now" button

Add category of donation.

Click on "Submit Details"

Figure 1: Activity Flow Chart

Data Flow diagram of the project is shown in figure 2

9
Process 1: User Registration and
Authentication Process 2: Donation Request

Input: User details

(Donor/Receiver) Input: Item details, pickup address,
availability
Output: Confirmation of
registration, user authentication Output: Donation listing,
status notification to receivers
Entities Involved: Donor, Receiver, Entities Involved: Donor, Admin
Admin

Process 3: Donation Acceptance

Process 4: Waste Collection Request and Allocation
Input: Waste item details, address
for pickup
Input: Receiver’s interest in item
Output: Waste pickup schedule,
confirmation Output: Allocation confirmation,
pickup details
Entities Involved: Donor, Waste
Management Agency, Admin Entities Involved: Donor, Receiver,
Admin

Figure 2: Data Flow Diagram

10
4.2 Use Cases

1. User Registration and Authentication

• Goal: Enable users (donors, recipients, admins) to create accounts and log in.

• Flow: User registers with details, system validates and creates the account, user logs in
to access personalized features.

2. Listing Items for Donation

• Goal: Allow donors to list items for donation.

• Flow: Donor provides item details (category, description, photos), system saves the
listing, making it visible to recipients.

3. Browsing and Searching for Donations

• Goal: Enable recipients to browse/search donation listings.

• Flow: Recipient uses filters (category, location) to find items, selects and views item
details.

4. Requesting a Donation

• Goal: Allow recipients to request items from donors.

• Flow: Recipient requests an item, system notifies donor, donor accepts/rejects the
request.

5. Coordinating Pickup and Delivery

• Goal: Facilitate item transfer logistics.

• Flow: Donor and recipient coordinate pickup/delivery; admin assists if needed.

11
6. Viewing and Managing User Profile

• Goal: Let users manage profile and view donation history.

• Flow: User edits profile, views history of donated/received items.

7. Tracking Donations and Providing Feedback

• Goal: Allow users to leave feedback on donation experiences.

• Flow: Users rate completed transactions, system records feedback for quality
improvement.

12
4.3 Results and Discussion

The "Donation & Wastage Management Website" successfully achieved its goal of connecting
donors and recipients to reduce waste and support those in need. Key outcomes include:

1. User-Friendly Interface: A responsive, easy-to-navigate platform where donors can

list items, and recipients can browse and request them efficiently.

2. Efficient Item Exchange: Smooth listing and requesting process, with straightforward
communication for coordinating pickup or delivery.

3. Feedback System: Enables users to rate their experience, building transparency and
allowing for continuous platform improvements.

Discussion

The project demonstrated significant impact potential but also highlighted areas for future
enhancement:

1. User Engagement: The accessible design increases engagement; however, onboarding

support is essential for new users.

2. Scalability: While effective for current users, optimizing for larger traffic is essential
for future growth.

3. Continuous Improvement: User feedback provides valuable insights to refine the

platform, especially in UI/UX and search functionality.

13
4.4 Utility of Internship

The internship provided significant practical value, enabling the development of technical
skills, professional experience, and industry-relevant insights:

1. Technical Skill Development: Working on a real-world project strengthened

knowledge of web development tools and technologies, particularly in frontend
design with HTML, CSS, JavaScript, and Bootstrap. This hands-on experience with
coding, debugging, and optimizing interfaces directly applies to future projects and
roles in web development.

2. Project Management and Collaboration: Exposure to project planning and time

management helped in understanding how to break down tasks, set milestones, and
meet deadlines effectively. Collaborating with team members and supervisors
enhanced communication skills and teamwork, which are critical in any professional
environment.

3. Problem-Solving and Adaptability: Real-world projects often present unexpected

challenges. This internship fostered resilience and adaptability by requiring quick
problem-solving, especially in design adjustments and troubleshooting issues, which
are essential skills for any technical role.

4. User-Centric Design Thinking: Developing a donation platform highlighted the

importance of user experience (UX) in product design. Understanding user needs and
preferences through feedback emphasized creating accessible, intuitive interfaces, an
approach that’s valuable for creating user-centered products.

5. Professional Portfolio Building: The completed project added a valuable asset to the
professional portfolio, showcasing real-world experience and technical capability to
future employers. The donation website project reflects the ability to create
meaningful, impactful digital solutions, adding credibility and attractiveness to the
resume.

14
 Chapter 5

Conclusion

A Donation and Wastage Management Website serves as a digital platform designed to address
two significant societal issues: waste reduction and resource redistribution. Our mission is to
create a sustainable future. We simplify the donation process, reduce waste, and promote
environmental sustainability. The primary objective of the website is to create an efficient and
user-friendly system where individuals, businesses, and organizations can donate items they
no longer need, thereby preventing waste and supporting those in need.The website typically
features several key functionalities. It provides a portal for donors to list items they wish to
give away. These items can range from clothing and household goods to food and electronic
devices and stationary. Potential recipients, such as charitable organizations, shelters, and low-
income families, can then browse these listings and request donations that meet their needs.
Additionally, the platform often includes a logistics component, coordinating the pickup and
delivery of donated items to ensure they reach the right hands efficiently. This can involve
partnerships with local transportation services or volunteer networks.

Overall, the conclusion of the Internship facilitates efficient donations, reduces waste, and
promotes sustainability. It connects donors with recipients, coordinates logistics, and educates
users on eco-friendly practices. Outcomes include increased resource redistribution, enhanced
community support, environmental sustainability, and improved donation processes.

15
 References

[1] Bootstrap, "Bootstrap Framework," [Online]. Available: https://getbootstrap.com/.

[Accessed: Nov. 8, 2024].
[2] GitHub, "GitHub: Where the world builds software," [Online]. Available:
https://github.com/. [Accessed: Nov. 8, 2024].
[3] IBM SkillsBuild, "IBM SkillsBuild," [Online]. Available: https://skillsbuild.org/.
[Accessed: Nov. 8, 2024].
[4] Mozilla Developer Network (MDN), "CSS Documentation," [Online]. Available:
https://developer.mozilla.org/en-US/docs/Web/CSS. [Accessed: Nov. 8, 2024].
[5] Mozilla Developer Network (MDN), "HTML Documentation," [Online]. Available:
https://developer.mozilla.org/en-US/docs/Web/HTML. [Accessed: Nov. 8, 2024].
[6] Mozilla Developer Network (MDN), "JavaScript Documentation," [Online]. Available:
https://developer.mozilla.org/en-US/docs/Web/JavaScript. [Accessed: Nov. 8, 2024].
[7] W3Schools, "W3Schools Online Web Tutorials," [Online]. Available:
https://www.w3schools.com/. [Accessed: Nov. 8, 2024].

16