PROJECTS
{"items":["76cb2f73-9db8-4ec8-9125-b3d8046126fd"],"styles":{"galleryType":"Strips","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fill","cubeRatio":1.7777777777777777,"isVertical":false,"collageAmount":0.8,"collageDensity":0.8,"groupTypes":"1","oneRow":true,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":true,"isColumns":false,"isSlideshow":false,"cropOnlyFill":true,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryTextAlign":"left","scrollSnap":true,"itemClick":"expand","fullscreen":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","scrollDirection":1,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"Load more","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"4|bottom|1|fill|false|1|true","allowSocial":true,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":true,"loveCounter":false,"showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"galleryHorizontalAlign":"flex-start","galleryVerticalAlign":"flex-end","imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(48,48,48,0.2)"},"textBoxBorderColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":{"themeName":"color_12","value":"rgba(191,191,191,1)"},"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"MANUAL","galleryLayout":4,"useCustomButton":false,"customButtonText":"","itemOpacity":{"themeName":"color_16","value":"rgba(173,197,216,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"noticia text","preset":"Heading-M","editorKey":"font_5","size":19,"fontStyleParam":true,"displayName":"Basic Heading","value":"font:normal normal normal 19px/1.2em \"noticia text\",serif;"},"itemFontSlideshow":{"family":"noticia text","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":19,"preset":"Heading-M","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 19px/1.2em \"noticia text\",serif;"},"itemDescriptionFontSlideshow":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"itemDescriptionFont":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"itemFontColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemDescriptionFontColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"loadMoreButtonFont":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(239,239,239,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(239,239,239,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(239,239,239,1)"},"responsive":false,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":4,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":574,"height":324,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":584,"galleryHeight":329,"scrollBase":0}}
Project | 01
HMS Fuel Management System
A fuel management system application for HMS, IT was developed using Angular 7 with Nebular UI framework for frontend, Java Spring for backend and used Heroku Cloud for Test Server.
This project is developed together with my freelance team and the total development duration was almost 7 months.
{"items":["46f66b02-f481-4d97-b3e2-91ecdb3b566b"],"styles":{"galleryType":"Strips","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fill","cubeRatio":1.7777777777777777,"isVertical":false,"collageAmount":0.8,"collageDensity":0.8,"groupTypes":"1","oneRow":true,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":true,"isColumns":false,"isSlideshow":false,"cropOnlyFill":true,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryTextAlign":"left","scrollSnap":true,"itemClick":"expand","fullscreen":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","scrollDirection":1,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"Load more","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"4|bottom|1|fill|false|1|true","allowSocial":true,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":true,"loveCounter":false,"showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"galleryHorizontalAlign":"flex-start","galleryVerticalAlign":"flex-end","imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(48,48,48,0.2)"},"textBoxBorderColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":{"themeName":"color_12","value":"rgba(191,191,191,1)"},"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"MANUAL","galleryLayout":4,"useCustomButton":false,"customButtonText":"","itemOpacity":{"themeName":"color_16","value":"rgba(173,197,216,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"noticia text","preset":"Heading-M","editorKey":"font_5","size":19,"fontStyleParam":true,"displayName":"Basic Heading","value":"font:normal normal normal 19px/1.2em \"noticia text\",serif;"},"itemFontSlideshow":{"family":"noticia text","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":19,"preset":"Heading-M","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 19px/1.2em \"noticia text\",serif;"},"itemDescriptionFontSlideshow":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"itemDescriptionFont":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"itemFontColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemDescriptionFontColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"loadMoreButtonFont":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(239,239,239,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(239,239,239,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(239,239,239,1)"},"responsive":false,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":4,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":574,"height":385,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":584,"galleryHeight":390,"scrollBase":0}}
Project | 02
SkyLabs Website
Built using webflow content management system, a simple sing page website for our startup Skylabs.
Design is created by Rochelle Ciriaco
Website URL: https://skylabs-website.webflow.io/
{"items":["a3e943bc-0ce3-4c27-86fd-7463bfd2e880"],"styles":{"galleryType":"Strips","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fill","cubeRatio":1.7777777777777777,"isVertical":false,"collageAmount":0.8,"collageDensity":0.8,"groupTypes":"1","oneRow":true,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":true,"isColumns":false,"isSlideshow":false,"cropOnlyFill":true,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":0,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":0,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryTextAlign":"left","scrollSnap":true,"itemClick":"expand","fullscreen":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","scrollDirection":1,"overlayAnimation":"NO_EFFECT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"Load more","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"4|bottom|1|fill|false|1|true","allowSocial":true,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":true,"loveCounter":false,"showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"galleryHorizontalAlign":"flex-start","galleryVerticalAlign":"flex-end","imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(48,48,48,0.2)"},"textBoxBorderColor":"color-5","titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":"color-2","alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"MANUAL","galleryLayout":4,"useCustomButton":false,"customButtonText":"","itemOpacity":{"themeName":"color_16","value":"rgba(173,197,216,0)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"noticia text","preset":"Heading-M","editorKey":"font_5","size":19,"fontStyleParam":true,"displayName":"Basic Heading","value":"font:normal normal normal 19px/1.2em \"noticia text\",serif;"},"itemFontSlideshow":{"family":"noticia text","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":19,"preset":"Heading-M","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 19px/1.2em \"noticia text\",serif;"},"itemDescriptionFontSlideshow":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"itemDescriptionFont":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"itemFontColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemDescriptionFontColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"loadMoreButtonFont":{"family":"open sans","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":13,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 13px/1.4em \"open sans\",sans-serif;"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(239,239,239,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(48,48,48,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(239,239,239,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(239,239,239,1)"},"responsive":false,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":4,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":556,"height":390,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":566,"galleryHeight":395,"scrollBase":0}}
Project | 03
Entry Logger Library
An Npm Library for Angular 2+ applications, the functionality of the library is to record logs, errors and warnings on your angular application, It is developed with Firebase Cloud where all logs are stored.
Project | 04
Bounceback Donation Drive
A simple application that will manage donations of products and incoming request donations for a small community.
Tech Used: NodeJS with TypeORM, Express, Angular 9, MongoDB and Heroku