Skip to content
No description, website, or topics provided.
JavaScript Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app/assets
docs
frontend
.DS_Store
.gitignore
README.md
index.html
package.json
webpack.config.js

README.md

ziva

ziva live

ziva is a portfolio website built for an Indian Boutique based in Chicago. I used React.js to render components, jQuery to hide and show elements and CSS3 to style the portfolio website.

ziva home page: http://www.deeptailor.com/ziva

Features & Implementation

###Modern scroll view of different pages

Unlike traditional websites, I designed and developed the home, about and contact pages as one long page, which using jQuery, users are able to scroll to different positions. This gives the website a minimalistic style, which was what the boutique owner wanted. ziva about page: http://www.deeptailor.com/ziva

###Appointment Booking

Users are able to book an appointment by using the form on the contact page to choose a date and submit their information. I used the mailto action to prefill the email body and subject and email ziva upon submission. I used a google maps API to pin the location of the boutique. ziva contact page: http://www.deeptailor.com/ziva

###Gallery View

Users are able to view the current bridal dress collection at ziva on the gallery page. I kept this page simple and will add more features as the owner suggests.

ziva gallery page: http://www.deeptailor.com/ziva

###Mobile Optimization

The owner asked for mobile optimization since most of their customers will access the wesbite from a mobile device. I used CSS3 media query to change orientation of elements to fit mobile devices. I also changed the sizes of fonts and elements to satisfy mobile screens.

You can’t perform that action at this time.