Team Name
Star.js
Timeline
Fall 2021 – Spring 2022
Students
- Saugat Karki
- John Paul Jones
- Ayush Bhandari
- Bishesh Pote
Sponsor
STAR Sponsorship Program
Abstract
Star Sponsorship Program is a program that pairs sponsors with students in need of financial assistance. Our team was asked to help them develop a visual overhaul to their website and repair various broken functionality throughout the site. The decision was made to develop a web application from scratch based on data from their current website.
Background
The STAR Sponsorship Web App will have a number of features that will improve the user experience. The application’s main focus will be on creating a platform that connects sponsors with students in need of financial assistance. The web app will have a range of features to help achieve the goal. During the website creation process, the home page will be one of the focal points. It will have a visually appealing interface with success stories from students who have been involved with the organization. It will also contain other important information that will aid sponsors in comprehending the STAR Sponsorship program’s objective. The landing page will be linked to the “Success Stories” page, which will provide additional details on each student. Another main goal of the web application is to make the process of editing website contents easy and simple. Aside from this, donation system, newsletter/ blogs functionality, and admin privileges are all important features that are needed for the completion of this project.
Project Requirements
- Visually Appealing Landing Page
- Donation system
- Success Stories Page to Display Information About Sponsored Student Success
- Newsletter System
- Blog System
- Admin Privileges to Update The App
- Testimonials Page
- Contact Functionality
- Maps Functionality
- Mobile Device Responsiveness for the Web Application
System Overview
The system can be divided into four parts: the Graphical User Interface (GUI), the Back-end server, the Database, and the Data Controller. Back-end server components interact with the other three layers to save, retrieve, and modify any type of data stored in the online database. The user’s input data is retrieved by the back-end server and stored in the database. The back-end server receives the updated data from the database and shows it to the users via the GUI. The back-end server also retrieves data from the Data controller, which is either displayed (example: Google Maps API) or used to perform actions (example: user authentication/donation) depending on the type of data retrieved.
Results
Nearly all of the main functionality of the web application that was requested has been implemented. However, some requirements had to be left out due to inadequate time and will be passed to a different senior design team for completion.
Future Work
- Connect additional pages to the database
- Add communication features (admin-sponsor, sponsor-students, admin-students)
Project Files
Project Charter (link)
System Requirements Specification (link)
Architectural Design Specification (link)
Detailed Design Specification (link)
References
Any references go here, properly formatted
