Allison'sArt Supplies

Final Project Proposal

My final project website will be called "Make a Gift to CSUB." It will be a donation pledge site where faculty, staff, and students may pledge to donate to various departments and programs on campus, such as the School of Arts and Humanities or the Roadrunner Athletic Scholarship Fund. Donors may indicate the amounts they plan to contribute and the designations for their donations, as well as see the pledges others have made. The purpose of the website is to promote a campus pledge campaign, provide a way for donors to participate in the campaign, and present donors' pledges in an engaging way.

The home page will welcome visitors and provide an introduction to how they can help, as well as a summary of how donations contribute to the quality of the University. Front-end features will include a user-friendly form for making a pledge and a "pledge wall" that aggregates all pledges made. Back-end features will include a user login and users-only access to different parts of the site (i.e. site visitors must be faculty, staff, or a student to have an account and make pledges and see the "pledge wall"); those without an account will see a limited version of the "pledge wall" that excludes the donors' identities (i.e. full names).

Once visitors are at the site, I would like for them to look over the home page and limited "pledge wall" and decide to participate in the campaign. Those visitors should then log in to their accounts. Once logged in, those visitors (who have become authenticated users) should make a pledge. I would like users to explore the "pledge wall" and make or adjust any number of pledges. For example, they should adjust the contribution amounts for pledges they've added to their "cart" or remove any pledges they no longer wish to make.

There will be a total of 7 pages, which are:

  1. Home page: Displays either the welcome information for guests or an account dashboard of sorts for users
  2. Login page: Displays a form for users to log in to their accounts
  3. Logout page: Displays a successful logout message when users log out and terminates the session
  4. Pledge "shop" page: Lists the donation designations to choose from and allows users to specify amounts for each designation chosen
  5. Cart page: Lists the pledges added from the pledge "shop" page (#4) and a button to submit those pledges
  6. Pledge submission success page: Displays a thank-you message after pledges are submitted from the cart page (#5)
  7. "Pledge wall" page: Displays a collection of all pledges made, including ones made by the user

The database will contain 3 tables:

  1. Users: For storing the individual accounts
  2. Funds: For storing the programs and departments to pledge to (much like a Products table)
  3. Pledges: For storing the individual pledges made (much like an Orders table)

I will use a CSUB look and feel for the theme and Bootstrap for the layout of the website. The page navigation will be a simple, horizontally aligned menu at the top of the page.

There are a number of websites that share commonalities with my website, including:

I see other websites incorporate the popular Pinterest/Masonry layouts, which I would also like to incorporate within this website. I plan to use it for the "pledge wall."

My website will be similar to others in its overall online store experience; it will have a shop-like page and a cart for the various funds selected. The fact that it will be a CSUB-specific website automatically makes it different from other websites, but I think the ability to see what others on campus plan to donate might be a fairly unique feature as well.

The idea for this website was inspired by the need to revamp CSUB's current donation page at https://www.csub.edu/advancement/Giving/givingform/index.html. I hope to be able to repurpose this project for that revamp and any other projects in Web Services (yes, I work on campus!).