This document describes several pages within a mobile app designed to promote kindness. The main page allows users to view their profile, points, and avatar. It also provides options to post acts of kindness, view others' acts, and update one's avatar. The post page allows users to describe and photo-document their acts for points. The stay connected page displays a newsfeed of local users' avatars, points, and recent acts. The score page shows a user's total points and acts. The avatar page lets users customize their avatar based on the points earned from acts of kindness. The goal is to incentivize kindness through gamification and social elements.

1. By,
Mariam, Sana, Kaynaat, Emma, kavisha

2. Main Page
This page is the initial, profile page that the user first encounters
when opening this app. This page can be personalized with the
user's name, points, and individual avatar. Other than these
customized components, there is also the date, a kindness quote,
and options to proceed to other pages, such as "acts of kindness"
examples, and "stay connected" page where the user can connect
to their friends and nearby users. The third button is used to post
the individual's own act of kindness, and the fourth button is used
to update the user's avatar based on the amount points the user
has attained. The purpose of the avatar and being able to update
the avatar is an incentive to get the users to participate in the acts
of kindness, similar to a game in which you can compete with
others, through a relatively safe social networking platform. Our
app will help promote kindness and virtue to your friends, your
classmates, and your community, by sharing what you've done to
inspire others to do the same. Also, this app may help students,
especially college-bound high school students.

3. Main Page

4. Post your Act of kindness
• This page is where you post what kind of new
service or act you have done. There is also a
button to attach a picture of the user doing a
service so that points can be given to When the
user posts their act. In fact, the picture act in
this page lets us make sure that the user has
actually done their act of service before they
post it. Furthermore, your friends will be able
to see what you have been doing recently
when you post your act, and they can also get
inspiration from what you have done for their
own service.

5. Post Your act of kindness screen

6. Stay connected page
The main purpose of the Stay Connected page is to help the
user connect with and be inspired by other people in their
local area who also have a Pass It On account. A button on
the main page will direct you to the newsfeed of Stay
Connected! There you will find a list of other Pass It On
users in your local community. Each user will have their
avatar, name, point value, and most recent activity
displayed. The most recent activity can be a brief
discussion of their last act of kindness and/or a picture of it,
if available. You will also see a button to the right that
denotes each user’s level of activeness the past 30 days.
Red means inactive, green means very active, and yellow
means moderately active. Tapping on the button will give
you the exact number of acts of kindness that the user has
done this past month. You also have the option to view the
complete profile of each user on your newsfeed by clicking
on their name.

7. Stay connected screen

8. Score page
• This page is the score page and the user will be directed to this
page when you click on the Points button on the main screen that
Sana Made. In this page you have the ability to see how many total
points you have earned. If you do your own act of Kindness and
update it on the "post your act of Kindness page" You will
automatically get 100 points. However, when you do an Act that we
suggest, then you have the ability to get more than 100 points. The
user can get our suggested act on "Possible acts of kindness page.
So, the your score tab it shows the total points you have. The
number of acts tab shows how many total acts you have done. For
example if you do 5 acts, in the "number of acts tab" Your are going
to see 5 acts. There is also the avatar box that will let the user see
their current avatar and they have a opportunity to edit their
avatar based on the number of points they have. The main menu
button lead the user back to the main page and the "get more
points tab" leads the user to "Possible acts of kindness page" so the
user can do an act based on their score.

9. Score Screen

10. Avatar Page
In this page, the user can update their avatar based on
the number of points they have. There are many options
such as accessories, clothes, face shape and body shape.
The user gets more points, they can buy many items
from their avatar. Each item in the avatar page will be
given a specific point, the user have to reach that many
points in order to be able to buy the accessory or the
clothes that they wish to get for their avatar. This page
will encourage the user do to more acts of kindness,
which will let them get their avatars many different
items.

11. Avatar Screen