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 Process

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.

Tools

PHP, HTML, CSS

My First Responsive Project

This is a responsive website using various image sizes and grids.

The Process

This site was developed based on mockups supplied. It was my first attempt at coding a responsive website.

Tools

HTML, CSS, Javascript, Sass, Github

Typography

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.

The Process

The requirements:
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.

Tools

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 Process

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.

Tools

Wordpress, HTML, CSS, PHP, Javascript. inDesign, GitHub, Sass

Features

The website has a lot of nice features that allows the client to easily add content.

Useful features and plugins used::
Google maps
Accordion
Lightbox
Read more
Contact Form 7
Mailchimp

Typography

Navigation font: Poppins font weight: 400
Headings font: Poppins font-weight: 600
Body font: Lora

Style Tile / Color Palette

Movigil

A simple responsive website design for a start up that showcases the company's product. This site is still in development.

The Process

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.

Tools

HTML, CSS, JQuery, Photoshop, inDesign

Typography

Navigation font: Roboto
Headings font: Roboto
Body font: Segoe UI

Style Tile / Color Palette

Designed and developed with ❤️ and ☕ in Vancouver, BC.

Shanti Chary © 2021

Top