ServiceWars

Our project is a website called ServiceWars. Its purpose is to motivate students to complete more service hours by incorporating a competition aspect to community service. Our inspiration in creating this website was based on a problem we all had in high school; the community service tracking system set in place in our schools was unreliable, inefficient, and not motivational. To solve this problem, we came up with a website that makes logging community service hours easy and fun! The student’s school would be registered in the ServiceWars website and give the student a unique code to register in the schools database. Then the student signs up using their email or phone number and entering their schools code. When a user signs in they can log service hours and complete challenges for points. To do this they will select the “Add a New Service” button where they are required to input the name of service, description of service, proof of service (which can be a photo, reflection, official signed paper of the service organizer, etc.), date, and number of hours completed. After this is entered they can either get approved or denied by the school. When approved by school, ServiceWars will calculate the number of points the service was worth depending on four different categories: humanitarianism, economic empowerment, environmentalism, and academic development. Users can also complete challenges provided by ServiceWars to gain extra points that would be approved by the site. As per the leaderboard, there will be two: school’s student leaderboard, national school leaderboard. The school’s student leaderboard will showcase the top students with the most points. The national school leaderboard will showcase the schools with the most points in total. In building this website, our team used Figma Pro, HTML5, CSS3, Javascript, and Django. Some challenges we ran into where developing the backend part of the website because our team was not highly experienced in this area, and having to edit the code extracted from Figma which was very tedious. We are proud of the showcasing and design of our website, which is where our main efforts where made. Furthermore, we accomplished making our website navigable, easy to understand, and we where able to obtain a unique domain. Our team learned how to use Figma, convert it to code, do some backend, and work together smoothly. The long -term vision for ServiceWars is to be used nation wide to encourage schools as a whole to be more excited about volunteering in service hours. Eventually an app will be made to make it more accessible for users. The short-term vision for this site is to get it implemented to local high-schools that are having the problem we faced.

Built With

• css3
• django
• figma
• html5
• javascript