Crate: Design system aims at reducing decision fatigue and enforcing visual consistency by providing engineers with a well thought-out component library that leverages the Design team’s vision for our product.

Architect, design, and build the design system, using React as the UI framework and TypeScript as the programming language.

Created a new component library based on our design system foundations that includes flexible themes using design tokens, advanced build pipelines using Lerna and Rollup, and fully-accessible components that meet or exceed WCAG guidelines.

Work independently completing small to large sized projects while managing competing priorities in a demanding production

Contribute to timely review of pull requests, providing insightful best practices to team

Assisting in the development and maintenance of user manuals and guidelines.

Feature designing and development work for the React/TypeScript based web application, including the new UI and Navigation, component library building, color and style theming, and designing API. (Node, React, TypeScript, ES6, JavaScript, HTML, CSS3, Jest, React Testing Library, Storybook)

Binary Health Analytics: Provide healthcare systems, hospitals and physician practices a complete view into managing patient feedback from online ratings and reviews and surveys (https://analytics.binaryfountain.com)

Admin Tool Content Management (https://tools.binaryfountain.com)

Designed and developed full stack web application with React/Redux on the frontend and REST based services written in Java as the services tier

Numerous maintenance tasks for performance improvements and surfacing new content management features

In charge of deploying all web-based projects. Creating utility scripts for rendering frontend to allow automated builds. These scripts took much of the repetitive work out of the daily release process

Utilized external services like Google Analytics, Google Tag Manager and ChurnZero to achieve project requirements

Closely worked with backend team for integration and with QA team for testing and fixing bugs

(Node, React, Redux, ES6, JavaScript, HTML5, CSS3, SCSS, Mocha, Enzyme, AWS S3)

React(Redux/Flux) Front-end Developer

ForecastWeather

Search city’s forecasted weather data for next five days and display Google Map of it. Weather data contains temperature, pressure, humidity and averages of them represented by line charts in a table. Entire Application developed by utilizing key features of React and Redux and integrated with third party libraries.

RBlog

Easy-use blogging application with creating, editing, deleting posts and necessary features. Design frontend architecture using React/Redux with ES6. It has usual create, replace, update, destroy type routes. Manipulate posts data from backend API. Implement lifecycle methods, Redux form and routes and integrated with third party libraries.

Rstagram

Instagram style application with abilities upload photos with captions, “like” it and comment it. Maintained states in the store and dispatched the actions using Redux. Used React-Router to turn application into Single Page Application. Created components, Forms, Events, Keys and utilized data flow efficiency.

ReactJS Workout Logger Mobile App

Manage user workout record with multiple feature. Create mobile-friendly interface with Bootstrap. Uses localStorage API to store, fetch, edit and delete user data. Application is followed FLUX architecture. Create reusable components, forms, events, keys, router, animations and FLUX concept. Implement functionalities with DOM, React Props, Lifecycle methods and States Events.

Stickypad Note

Application can create, edit and delete notes or tasks on sticky pad. Data stores in MongoDB using MongoLab service. Build application based on FLUX architecture. Implement virtual DOM, Props, lifecycle methods and work with States and Events. Use React components, Forms, Keys and Animations concept. Implement JavaScript, jQuery and AJAX for manipulating the mark-up and data.

Angular2 Front-end Developer

Spotify Music Searching Application

Build an Angular2 application utilizes Spotify API. It can search, fetch, previewed artist, album information and tracks from Spotify. Front-end use customized Bootstrap and Bootswatch. Use Angular 2 ngModel for two-way binding and FormModule to get data. Inject services with Spotify API and header includes authorization token to fetch shared data. Create router to navigate multiple and nested components.

MyWorkout Mobile Application

Build a mobile application use Angular2 and Ionic framework. User can create, update and delete workout activities and stores data in MongoDB using MongoLab service. Create multiple level components, routers and services. Inject services with MongoLab API includes authorization token to fetch shared data. Implement Angular2 two-way binding and FormModule to get input data.

Property Listing Application

Build a Property Listing application use Angular2 and AngularFire2 module. It can create, read, update and delete property listings. Authentication is implemented through firebase by using Google, Facebook and Twitter accounts. Use Angular CLI to generate components and services. Create reactive extension observables and data is stored as JSON format in database. Angular Flash Message Module and Form Validation Service used in the mean stack series.

Github User Searching Application

Developed of a responsive single page application using Angular2, JavaScript, and Typescript in conjunction with HTML5, CSS3 standards. Implementing dynamic Web Pages where the content was fetched via API calls and updated the DOM. Apply two-way data binding to achieve the user information editing functionality from the user. Developed custom directives and Services in Angular2.