VSPCITY

Home
Portfolio
Contact

UX - INTRANET FOR MOBILE

UX - INTRANET FOR MOBILE

UX
UI
TROUBLESHOOTING CODE

THE CHALLENGES

In this project, I worked with UX, UI, and code. First, on UX side, based on earlier created personas, I put together user journeys and wires. Then, I helped to create a prototype followed up by responsive UI design. In the end, I supported development team troubleshooting the code.

UX/UI/REACT CODE - APP FIT FOR A PRINCESS

UX/UI/REACT CODE - APP FIT FOR A PRINCESS

UX
UI
REACT

THE CHALLENGES

In this REACT project, I worked with UX, UI, and code. I used Bootstrap and created React components such as Navbar, Card, Wrapper, Counter, Modal to create interface and interactivity for the game. The app is designed for three and four-year-old girls to enhance their memory with visual they can relate to. After successfully finishing the game, the kids are awarded with star and have a chance to play the game again. WIP.

Play ClickAway

GitHub Folder

UI/CODE/NODE.JS/EXPRESS - NYT SCRAPER

UI/CODE/NODE.JS/EXPRESS - NYT SCRAPER

UI
NODE.JS & Express
MongoDB
Handlebars Template

THE CHALLENGES

The challenge here was to access MongoDB database establishing proper routes for each function. For example, routes for scraped, saved, deleted and updated articles and articles’ notes had to be created. I also created a Bootstrap HTML template using Main and Partial Handlebars views to hold scraped, saved articles and notes.

UX/UI/NODE.JS/EXPRESS/SQL - TITATO GAME

UX/UI/NODE.JS/EXPRESS/SQL - TITATO GAME

UX
UI
NODE.JS & EXPRESS
SQL
Handlebars Template

THE CHALLENGES

I worked with JawsDB MySQL and Handlebars templates to create Real-Time Multiplayer game. I used Handlebars with Bootstrap to create interface template which consists of several views such as a login screen, start a new game screen, join another player, and actual tic-tac-toe grid where combat takes place. At the moment the game is not completed and it is work in progress. The idea is to capture each user’s move as new data row in MySQL table documenting the whole game. What exists right now is a walkthrough based in Handlebars templates culminating in a finished game view.

UX/UI/CODE/NODE.JS/EXPRESS/ - WHERE TO NEXT?

UI/CODE/NODE.JS/EXPRESS - Where To Next?

UI
Firebase
jQuery

THE CHALLENGES

My part in this team project was to design UI and provide code using jQuery and CSS to dynamically generate content accessed via several APIs.

© Copyrights 2017 VSPCITY. All Rights Reserved.

barbara@vspcity.com