Hello

I'm Vitaliy Merkulov

Front-End Web Developer

  • Age 31
  • Location Sacramento, CA
  • E-mail v.merkulov@gmail.com
  • Phone (916) 245-0393
  • Freelance until March 1, 2017
  • Relocation Open to San Diego Area

Download Resume

Hello! I’m Vitaliy Merkulov and I’m a Front-End Web Developer. Experienced with all stages of the development cycle for dynamic web projects. Well-versed in JavaScript, AngularJS, Bootstrap, Sass, Git and UX/UI. Strong background in project management and customer relations.

Professional Skills

JavaScript
HTML5 & CSS3
AngularJS
Bootstrap
RESTful APIs
jQuery
Git
Responsive Web Design

Worked at

Portfolio

Web Design for startup

Bootstrap UX design

Bootstrap UX design

Designed a complete brand for a local startup company www.renterinc.com. Created wireframes, prototypes, and final web design. Used Photoshop, Illustrator, Sketch app, inVision App, MockingBot, Bootstrap grid.

 

Bootstrap UX design

Designed a complete brand for a local startup company www.renterinc.com. Created wireframes, prototypes, and final web design. Used Photoshop, Illustrator, Sketch app, inVision App, MockingBot, Bootstrap grid.

WordPress eCommerce Website

Bootstrap HTML & CSS

Bootstrap HTML & CSS

Created a WordPress website for a client that rents out party rental equipment. I’ve set up a wooCommerce so they could place their products on the website, also set up online booking feature that keeps track of inventory and keeps a calendar for each item that is being rented out. In addition to that, I’ve set up a multi-vendor feature that allows the shop to have multiple vendors offer their products for rent also. When someone books an item and pays for it from the website, the website owner keeps 20% of the sale and the vendor gets paid instantly the 80% of the price. The items’ inventory get’s updated instantly so others know the inventory.

Demo https://loveofparties.com 

Bootstrap HTML & CSS

Created a web App using MEAN, mLab and deployed to Heroku

Ajax Bootstrap JavaScript MEAN

Ajax Bootstrap JavaScript MEAN

While working at Apple, I worked in a MEAN stack, as well as other JavaScirpt libraries. I mostly worked with AngularJS and D3 to create dashboards, tables, and charts that helped the executives see the data visually instead of looking at tables of data. As most people know, Apple is very secretive about everything that they do, so they did not allow me to share any of my work that I’ve done for them.

However, I’d like to show that I have experience with MEAN stack,  so I’ve re-created my PhoneGap iPhone App using MongoDB(mLab), Express, AngularJS, and NodeJs. I’ve also deployed it to Heroku for demo purposes.

Essentially this is a basic content management application that supports standard CRUD (Create, Read, Update, Delete) operations.

1. Created a RESTful API server to act as an interface for querying and persisting data in a MongoDB database (mLab)

2. Leveraged the API server to build an Angular-based web application that provides an interface (bootstrap) for end users

3. Deployed the app to Heroku at https://biblehelps.herokuapp.com/

Git URL: https://git.heroku.com/biblehelps.git if you want to look at the code

Ajax Bootstrap JavaScript MEAN

While working at Apple, I worked in a MEAN stack, as well as other JavaScirpt libraries. I mostly worked with AngularJS and D3 to create dashboards, tables, and charts that helped the executives see the data visually instead of looking at tables of data. As most people know, Apple is very secretive about everything that they do, so they did not allow me to share any of my work that I’ve done for them.

However, I’d like to show that I have experience with MEAN stack,  so I’ve re-created my PhoneGap iPhone App using MongoDB(mLab), Express, AngularJS, and NodeJs. I’ve also deployed it to Heroku for demo purposes.

Essentially this is a basic content management application that supports standard CRUD (Create, Read, Update, Delete) operations.

1. Created a RESTful API server to act as an interface for querying and persisting data in a MongoDB database (mLab)

2. Leveraged the API server to build an Angular-based web application that provides an interface (bootstrap) for end users

3. Deployed the app to Heroku at https://biblehelps.herokuapp.com/

Git URL: https://git.heroku.com/biblehelps.git if you want to look at the code

Ajax Bootstrap JavaScript MEAN

While working at Apple, I worked in a MEAN stack, as well as other JavaScirpt libraries. I mostly worked with AngularJS and D3 to create dashboards, tables, and charts that helped the executives see the data visually instead of looking at tables of data. As most people know, Apple is very secretive about everything that they do, so they did not allow me to share any of my work that I’ve done for them.

However, I’d like to show that I have experience with MEAN stack,  so I’ve re-created my PhoneGap iPhone App using MongoDB(mLab), Express, AngularJS, and NodeJs. I’ve also deployed it to Heroku for demo purposes.

Essentially this is a basic content management application that supports standard CRUD (Create, Read, Update, Delete) operations.

1. Created a RESTful API server to act as an interface for querying and persisting data in a MongoDB database (mLab)

2. Leveraged the API server to build an Angular-based web application that provides an interface (bootstrap) for end users

3. Deployed the app to Heroku at https://biblehelps.herokuapp.com/

Git URL: https://git.heroku.com/biblehelps.git if you want to look at the code

Responsive Form with Bootstrap

jQuery Mobile

jQuery Mobile

Designed and built a responsive prototype website who’s main purpose is to submit a massive application with different kind of variations and statuses of applications. After couple requirements gathering meeting, I’ve presented the overall prototype to them, and with couple minor adjustments they loved the simplicity of it and how easy it looks even though there are so many steps to it. It took me two weeks total from requirements gathering to finishing the html/css/jQuery of this prototype.

See Demo
See Code Sample on CodePen

See it in action, click on any button that works, check the navigation, pop-ups, show-hide items, see how the first page of the application looks on desktop, tablet, and mobile (the forms are formatted differently), notice the side navigation turn into a menu button on mobile device.

The beauty of this is that there is only couple lines of custom css code, most of the styling is done by using bootstrap so if the customer likes to switch over to a different bootstrap theme in the future, it will instantly change and there will not be a need for any custom css.

There was a very similar project that i’ve done for the same company that involved creating the Back Office side of the website that involved with working with .Net and Kendo UI as a framework to create pre-build interfaces like tables, buttons, pop-ups etc.

Mobile friendly website

jQuery Mobile

jQuery Mobile

Re-developed the old 25 year old website that runs on cold fusion to have a new look and feel and be completely responsive (mobile-friendly) without having to re-develop the website – which would be very costly.

I had to modify a lot of pages to make the website be mobile friendly though.

The website contains parallax and a lot of new javascirpt, jQuery, CSS3, and other plug-ins that allow the website to work on any desktop, tablet and mobile browser.

I’ve also worked hard to make is SEO friendly, and the search traffic has significantly improved because of this.

You can view the website on your desktop/tablet/mobile phone at www.suiteamerica.com

jQuery Mobile

Re-developed the old 25 year old website that runs on cold fusion to have a new look and feel and be completely responsive (mobile-friendly) without having to re-develop the website – which would be very costly.

I had to modify a lot of pages to make the website be mobile friendly though.

The website contains parallax and a lot of new javascirpt, jQuery, CSS3, and other plug-ins that allow the website to work on any desktop, tablet and mobile browser.

I’ve also worked hard to make is SEO friendly, and the search traffic has significantly improved because of this.

You can view the website on your desktop/tablet/mobile phone at www.suiteamerica.com

jQuery Mobile

Re-developed the old 25 year old website that runs on cold fusion to have a new look and feel and be completely responsive (mobile-friendly) without having to re-develop the website – which would be very costly.

I had to modify a lot of pages to make the website be mobile friendly though.

The website contains parallax and a lot of new javascirpt, jQuery, CSS3, and other plug-ins that allow the website to work on any desktop, tablet and mobile browser.

I’ve also worked hard to make is SEO friendly, and the search traffic has significantly improved because of this.

You can view the website on your desktop/tablet/mobile phone at www.suiteamerica.com

Web Interface Design

Ajax HTML & CSS JavaScript UX design

Code Samples

  • RESTful API

    Consuming RESTful API with JavaScript, jQuery, and Bootstrap.

    In this example, I take the data from the weather API and display it on the page. I use JavaScript to get the data from the API, and use a combination of jQuery and Bootstrap to put data into DOM. Take a look at the js code, there are comments every step of the way so you’ll be able to see what I’ve done here.

    See the Pen Consuming RESTfull API by Vitaliy Merkulov (@vitworks) on CodePen.

    See code in full screen at http://codepen.io/vitworks/pen/LxaarL

  • Responsive Form

    Responsive Form that looks different on desktop/tablet/mobile

    In this example, I’m showing you a web form that has a lot of fields that show up differently on each screen size to make the form look better and more usable depending on the screen size.

    See the Pen Responsive Bootstrap form by Vitaliy Merkulov (@vitworks) on CodePen.

    See code above code in full screen at http://codepen.io/vitworks/pen/egbJMP

    See screenshots of the project and link to a live demo on my portfolio at http://vitworks.com/portfolio/dashboard-prototype-with-bootstrap-and-kendo-ui/

  • AngularJS

    AngularJS API feeder App

    This App takes JSON data from Formula 1 Racing API and shows detailed informations about each driver.

    See full code at https://github.com/vitworks/F1FeederAngularApp

  • MEAN APP

    I’ve re-created my PhoneGap iPhone App using MongoDB(mLab), Express, AngularJS, and NodeJs. I’ve also deployed it to Heroku for demo purposes.

    Essentially this is a basic content management application that supports standard CRUD (Create, Read, Update, Delete) operations.

    1. Created a RESTful API server to act as an interface for querying and persisting data in a MongoDB database (mLab)

    2. Leveraged the API server to build an Angular-based web application that provides an interface (bootstrap) for end users

    3. Deployed the app to Heroku at https://biblehelps.herokuapp.com/

    See working demo at https://biblehelps.herokuapp.com

Contact Me

Feel free to contact me