Animated Express Website

Shubhra has a very multifaceted personality. She wanted a website that captured all parts of her life and gave the viewer an immersive experience. This website is a work in progress and includes animations. It is built on Node.js using the Express framework as well as Handlebars for a templating engine. For design it uses Sass with Compass. Grunt/Gulp both are used as build tools and the website is curently deployed on Heroku. Landing and About pages are available for view.

View LIVE | View CODE

Roles: Design, Development

Tools: Node.js, Express framework, Handlebars, Sass with Compass, Grunt and Gulp (for build), Heroku (for deployment)

Angular Data Table

This data table is developed using Angular and uses Node to run a local server. Data for each column can be sorted in ascending or descending order. This project was given to me as an interview challenge, however I love the idea of having a data table that I can build upon for future data analytics projects. The UI is responsive and uses Sass for styling. Due to the API fetching a JSON response, data is slow to load. I have added an animation delay on each section for a smoother content load.

View LIVE | View CODE

Roles: Design, Development

Tools: AngularJS, SASS(.scss), Node/npm, GULP, Bower

Psychotherapy Website

Melissa is a psychotherapist and author of the book No Touching Secrets!. She wanted a website for her private practice, book, and other services she offers. Her main requirements were that it would be simple, professional and easy to navigate. I created this responsive website using the Bootstrap framework coupled with CushyCMS for a lightweight content management system. Rest I used plain HTML, Sass/CSS and some PHP.

View live at: http://melissapirwani.com

Roles: Design, Development, Graphics

Tools: Bootstrap, CushyCMS, HTML5, Sass/CSS, PHP

Maps for Meetup

This project maps the location of upcoming events for any particular Meetup group on a Mapbox map. Additionally also provides certain information like name, address, date and time of each event. The idea is to integrate this project into Girl Develop It - San Jose Chapter's website as well as to develop a widget that can be embeded for any website of any Meetup group.

View LIVE | View CODE

Roles: Design and Development

Tools: Meetup's RESTful Api, Mapbox.js, CartoCSS (to stylize map), Bootstrap framework, GeoJSON

Tumblr Theme

Tumblr provides an awesome development platform for creating custom themes. Any Tumblr website can be built with simple HTML, CSS, and JavaScript. This is a theme I began building that is a work in progress. All colors, fonts, background, and many other features are customizable by user. Code is open source and a link is provided below.

CODE: https://github.com/arc6789/tumblr-theme

Roles: Design, Development, Graphics

Tools: Tumblr's Development Platform, HTML5, CSS, JavaScript

Hybrid Point UI

This web app was one of my first web development projects. It is very similar to some of the projects I had worked on during my first job right out of college working at a company that makes software for location and tracking. I was tasked to build a UI for a company demo at FCC. This web UI uses HTML4, CSS, JavaScript, jQuery, and Google Maps API. This was the project that started my love for web development and while I am tempted to fix so much of the codebase and design, I prefer to leave this project as is.

Roles: Design and Development

Tools: Google Maps API, HTML4, CSS, JavaScript, jQuery