Over the course of this semester, we’ve learned several new technologies including Twitter Bootstrap, a collection of tools used to format web pages and Play, an open source web application framework. With these tools, one can create responsive, dynamic web content.
A project we’ve spent the semester building is Surferpedia, a dynamic web application that serves as a database of surfers.
Users of this application are free to browse the site anonymously or register for an account.
Login and Registration Page
Both registered and anonymous users can search the database for surfers by name, gender or country.
Paginated Search Results
Clicking on any of the resulting surfers will display their profile page with biographical information. Registered users are free to edit and delete surfer profiles.
Twitter Bootstrap modal used to confirm actions.
Registered users are also granted the ability to add new surfers to the database. The application includes data validation rules to ensure appropriate information is entered.
Data validation
All registered users have a profile page where they can view their recent activity including edits and additions to the database as well as their last 10 surfer profile views.
The user profile page displays your recent activity.
Finally, everyone can enjoy the Name-The-Surfer game that challenges users ability to recognize surfers.
Cool New Feature: Name The Surfer!
Surferpedia was built using Twitter Bootstrap 3.0, Play framework 2.2, and MySQL.
View the project on Github.
<!–View the deployed application, here.–>
Rob Namahoe 