My Portfolio
JavaScript
Sliding Puzzle
Click on the Start button and then click on each piece of the puzzle you would like to move!
P.S: There's an almost solved puzzle in the patterns for debugging purposes ;)
Drawing Canvas
Hold Ctrl (or Control) to draw blue.
Hold Shift to draw red.
Hold ALT to erase.
Web Development Projects
Team Roster with PHP & SQL
Home Page
The home page allows users to select which entity they would like to interact with.
It also uses a Timezone API and HTML Canvas to display the current times in Vancouver, Ottawa and Calgary.
Coaches Roster Page
Displays the list of coaches and allows users to add, delete or update coaches.
It also displays statistics regarding the coaches in the database.
Update Coaches Page
Allows users to modify all the information regarding of a particular coach.
Previous
Next
Android Projects
A Matter Hotels App
Log In & Sign Up Pages
Allows users to log in and new users to sign up for the app through Firebase Authentication
Home Page & Side Menu
The home page provides users with general information about the hotel, such as its amenities.
The side menu provides a user-friendly interface to access all other pages in the app.
For admin users, an "Admin page" option appears on the bottom of the menu
Rooms Page & Ranking Page
The rooms page allows users to browse the hotel's options of rooms and book their favorite.
The ranking page allows users to rank their stay and provide feedback.
Activities Page & Room Service Page
The activities page allows users to browse the hotel's options of activities and book their favorite.
The room service page allows users to browse the hotel's menu and order from it.
Admin Page & Invoice Page
The admin page allows managers and/or system administrators to manage all users, bookings, orders and reservations in the system.
The invoice page allows users get an up-to-date invoice of all of their spendings at the hotel.
Previous
Next
JavaScript
Sliding Puzzle
Click on the Start button and then click on each piece of the puzzle you would like to move!
P.S: There's an almost solved puzzle in the patterns for debugging purposes ;)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Drawing Canvas
Hold Ctrl (or Control) to draw blue.
Hold Shift to draw red.
Web Development Projects
Team Roster with PHP & SQL
Home Page
The home page allows users to select which entity they would like to interact with.
It also uses a Timezone API and HTML Canvas to display the current times in Vancouver, Ottawa and Calgary.
Coaches Roster Page
Displays the list of coaches and allows users to add, delete or update coaches.
It also displays statistics regarding the coaches in the database.
Update Coaches Page
Allows users to modify all the information regarding of a particular coach.
Android Projects
A Matter Hotels App
Log In & Sign Up Pages
Allows users to log in and new users to sign up for the app through Firebase Authentication
Home Page & Side Menu
The home page provides users with general information about the hotel, such as its amenities.
The side menu provides a user-friendly interface to access all other pages in the app. For admin users, an "Admin page" option appears on the bottom of the menu
Rooms Page & Ranking Page
The rooms page allows users to browse the hotel's options of rooms and book their favorite.
The ranking page allows users to rank their stay and provide feedback.
Activities Page & Room Service Page
The activities page allows users to browse the hotel's options of activities and book their favorite.
The room service page allows users to browse the hotel's menu and order from it.
Admin Page & Invoice Page
The admin page allows managers and/or system administrators to manage all users, bookings, orders and reservations in the system.
The invoice page allows users get an up-to-date invoice of all of their spendings at the hotel.