PHP Interactive App
This interactive PHP app was developed to demonstrate the various functions of PHP on a database. Redirects and error messaging were coded in at every step to ensure smooth interaction with the database.
The app has the ability to add, update and delete a student record. When a record is added or updated, appropriate error messages are displayed showing full details of the record.
Testing was conducted at every stage to ensure the functionality was working and pages were being redirected correctly.
PHP, HTML, CSS
My First Responsive Project
This is a responsive website using various image sizes and grids.
This site was developed based on mockups supplied. It was my first attempt at coding a responsive website.
Navigation font: Roboto Condensed Bold
Headings font: Roboto Condensed Regular
Body font: Roboto Light
Style Tile / Color Palette
Interactive Angular JS App
This interactive menu app was a project I developed as a course project using Angular JS.
The requirements and mockup were provided; aim was to develop an interactive app that allows the user to select items and quantities and dynamically calculates total amounts and taxes for the items based on their quantities.
Create a restaurant food menu ordering interface with the following features:
- The ‘Reset Order’ button sets all quantities and totals to zero when clicked.
- The plus button increments the quantity for an item. The minus button decrements a quantity.
- If the quantity of salmon exceeds 4, the color of the font and the background changes to alert the server that only 4 are in stock so they can notify the customer. Reducing the salmon quantity back to 4 or less changes the colors back to normal.
- The interface dynamically and accurately updates the dollar totals at the bottom each time a plus or minus button is clicked.
Angular JS, HTML, CSS
Early Bird Family Farm
Early Bird Family Farm is an organic family farm in Langley, BC, Canada.
The client wanted a fresh look for their website to showcase the farm's produce, various animals, events and workshops with the ability to maintain the site as needed.
The project was developed as part of a team project. I created a Site Map to understand site navigation. Wireframes were developed using inDesign and submitted to the client. On approval, each team member took on specific tasks. We used GitHub for version control and Sass. Slack was used to communicate with team members.
The website has a lot of nice features that allows the client to easily add content.
Useful features and plugins used::
Contact Form 7
Navigation font: Poppins font weight: 400
Headings font: Poppins font-weight: 600
Body font: Lora
Style Tile / Color Palette
A simple responsive website design for a start up that showcases the company's product. This site is still in development.
The client wanted a simple website showcasing the product and product information. I used inDesign to create mockups. The logo and images were supplied. Product images were displayed as a slideshow. The site is still under development.
HTML, CSS, JQuery, Photoshop, inDesign
Navigation font: Roboto
Headings font: Roboto
Body font: Segoe UI