{"componentChunkName":"component---src-pages-archive-js","path":"/archive/","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"frontmatter":{"date":"2020-06-17","title":"Custom Bootstrap Theme With Sass","tech":["HTML5","CSS3","Sass","JavaScript"],"github":"https://github.com/shoharto/customBootstrapTheme_With_Sass","external":"https://shoharto.github.io/customBootstrapTheme_With_Sass/","ios":null,"android":null,"company":""},"html":"<p>A minimal, responsive custom Bootstrap Theme Design with Sass.</p>"}},{"node":{"frontmatter":{"date":"2020-05-26","title":"Javascript CRUD Using IndexedDB","tech":["HTML5","CSS3","Dexie.js","JavaScript"],"github":"https://github.com/shoharto/Javascript-CRUD-Using-IndexedDB","external":"https://shoharto.github.io/Javascript-CRUD-Using-IndexedDB/","ios":null,"android":null,"company":""},"html":"<p>This is very simple project about data Create, read, update and delete operations using Javascript.</p>"}},{"node":{"frontmatter":{"date":"2020-05-15","title":"Responsive Login Form","tech":["HTML5","CSS3","Atom","JavaScript"],"github":"https://github.com/shoharto/Responsive-Login-Form","external":"https://shoharto.github.io/Responsive-Login-Form/","ios":null,"android":null,"company":""},"html":"<p>A minimal, responsive animated login form for online learning management system.</p>"}},{"node":{"frontmatter":{"date":"2020-03-27","title":"Integrating Algolia Search with WordPress Multisite","tech":["Algolia","WordPress","PHP"],"github":"","external":"https://medium.com/stories-from-upstatement/integrating-algolia-search-with-wordpress-multisite-e2dea3ed449c","ios":null,"android":null,"company":"Upstatement"},"html":""}},{"node":{"frontmatter":{"date":"2020-01-10","title":"Time to Have More Fun","tech":["Next.js","Tailwind CSS","Firebase"],"github":"https://github.com/bchiang7/time-to-have-more-fun","external":"https://time-to-have-more-fun.now.sh/","ios":null,"android":null,"company":""},"html":"<p>A single page web app for helping me choose where to travel, built with Next.js, Firebase, and Tailwind CSS</p>"}},{"node":{"frontmatter":{"date":"2019-11-25","title":"Upstatement.com","tech":["Nuxt","Vue","Prismic"],"github":"","external":"https://www.upstatement.com/","ios":null,"android":null,"company":"Upstatement"},"html":""}},{"node":{"frontmatter":{"date":"2019-11-12","title":"Building a Headless Mobile App CMS From Scratch","tech":["Node","Express","Firebase","Vue"],"github":"","external":"https://medium.com/stories-from-upstatement/building-a-headless-mobile-app-cms-from-scratch-bab2d17744d9","ios":null,"android":null,"company":"Upstatement"},"html":"<p>Find out how we built a custom headless CMS with Node, Express, and Firebase for a project at Upstatement</p>"}},{"node":{"frontmatter":{"date":"2019-11-12","title":"Moms Demand Action Mobile App","tech":["NativeScript Vue","iOS","Android"],"github":"","external":"https://www.upstatement.com/work/moms-demand-action/","ios":"https://apps.apple.com/us/app/demand-action/id1475502876","android":"https://play.google.com/store/apps/details?id=com.momsdemandaction.app","company":"Upstatement"},"html":""}},{"node":{"frontmatter":{"date":"2019-07-15","title":"OctoProfile","tech":["Next.js","Chart.js","GitHub API"],"github":"https://github.com/bchiang7/octoprofile","external":"https://octoprofile.now.sh","ios":null,"android":null,"company":null},"html":"<p>A nicer look at your GitHub profile and repo stats. Includes data visualizations of your top languages, starred repositories, and sort through your top repos by number of stars, forks, and size.</p>"}},{"node":{"frontmatter":{"date":"2018-12-29","title":"Google Keep Clone","tech":["Vue","Firebase"],"github":"https://github.com/bchiang7/google-keep-vue-firebase","external":"https://keep-vue.netlify.com/","ios":null,"android":null,"company":null},"html":"<p>A simple Google Keep clone built with Vue and Firebase.</p>"}},{"node":{"frontmatter":{"date":"2018-12-18","title":"Spotify Profile","tech":["React","Express","Styled Components"],"github":"https://github.com/bchiang7/spotify-profile","external":"https://spotify-profile.herokuapp.com/","ios":null,"android":null,"company":null},"html":"<p>A web app for visualizing personalized Spotify data. View your top artists, top tracks, recently played tracks, and detailed audio information about each track. Create and save new playlists of recommended tracks based on your existing playlists and more.</p>"}},{"node":{"frontmatter":{"date":"2018-05-01","title":"blistabloc","tech":["WordPress","Timber","WooCommerce"],"github":"","external":"https://blistabloc.com/","ios":null,"android":null,"company":"Scout"},"html":"<p>Custom WordPress theme and e-commerce site built with Timber and WooCommerce for blistabloc, a start-up selling the only reactive shoe insert that prevents blisters from forming.</p>"}},{"node":{"frontmatter":{"date":"2018-04-20","title":"Spotify’s Top Tracks of 2017","tech":["R","Spotify Web API"],"github":"https://github.com/bchiang7/spotify-top-tracks-2017","external":"","ios":null,"android":null,"company":"Northeastern"},"html":"<p>R Project for my Data Science class at Northeastern to analyze the top Spotify tracks of 2017 and their audio features.</p>"}},{"node":{"frontmatter":{"date":"2018-04-01","title":"Customer relationship management (CRM) Application Using Laravel","tech":["Laravel","RESTful API","PHP","Vue.js"],"github":"https://github.com/shoharto/crm","external":"","ios":null,"android":null,"company":""},"html":"<p>Very simple project about customer relationship management (CRM) Application Using Laravel.</p>"}},{"node":{"frontmatter":{"date":"2018-01-23","title":"Laravel CRUD Application","tech":["Laravel","PHP","Vue.js"],"github":"https://github.com/shoharto/Laravel-CRUD-Application","external":"","ios":null,"android":null,"company":""},"html":"<p>This is very simple project about data Create, read, update and delete operations using Laravel.</p>"}},{"node":{"frontmatter":{"date":"2018-01-14","title":"Inventory management software application by Laravel","tech":["Laravel","RESTful API","PHP","Vue.js"],"github":"https://github.com/shoharto/inventory","external":"","ios":null,"android":null,"company":""},"html":"<p>A Inventory management software application by Laravel for a company.</p>"}},{"node":{"frontmatter":{"date":"2017-12-27","title":"Halcyon Theme","tech":["VS Code","Sublime Text","Atom","iTerm2","Hyper"],"github":"https://github.com/bchiang7/halcyon-site","external":"https://halcyon-theme.netlify.com/","ios":null,"android":null,"company":null},"html":"<p>A minimal, dark blue theme for VS Code, Sublime Text, Atom, iTerm, and more. Available on <a href=\"https://marketplace.visualstudio.com/items?itemName=brittanychiang.halcyon-vscode\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Visual Studio Marketplace</a>, <a href=\"https://packagecontrol.io/packages/Halcyon%20Theme\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Package Control</a>, <a href=\"https://atom.io/themes/halcyon-syntax\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Atom Package Manager</a>, and <a href=\"https://www.npmjs.com/package/hyper-halcyon-theme\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">npm</a>.</p>"}},{"node":{"frontmatter":{"date":"2017-12-01","title":"Apple Music Embeddable Web Player Widget","tech":["MusicKit.js","JS","SCSS"],"github":"","external":"https://tools.applemusic.com/en-us","ios":null,"android":null,"company":"Apple"},"html":"<p>Embeddable web player widget for Apple Music that lets users log in and listen to full song playback in the browser leveraging <a href=\"https://developer.apple.com/documentation/musickitjs\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">MusicKit.js</a>. Read more about this project on <a href=\"https://9to5mac.com/2018/06/03/apple-music-embeddable-web-player-listen-browser/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">9to5Mac</a>.</p>"}},{"node":{"frontmatter":{"date":"2017-11-01","title":"Apple Music Facebook Messenger Integration","tech":["Ember","JS","SCSS"],"github":"","external":"https://www.theverge.com/2017/10/5/16433770/facebook-messenger-apple-music-bot-song-streaming","ios":null,"android":null,"company":"Apple"},"html":"<p>Facebook Messenger chat bot extension featuring authentication and full song streaming from within the Messenger app. Read more about it on <a href=\"https://www.theverge.com/2017/10/5/16433770/facebook-messenger-apple-music-bot-song-streaming\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">The Verge</a>.</p>"}},{"node":{"frontmatter":{"date":"2017-10-01","title":"Personal Website V3","tech":["Jekyll","SCSS","JS"],"github":"https://github.com/bchiang7/bchiang7.github.io","external":"https://bchiang7.github.io/v3/","ios":null,"android":null,"company":null},"html":"<p>Third iteration of my personal website built with Jekyll and hosted on GitHub Pages.</p>"}},{"node":{"frontmatter":{"date":"2017-08-01","title":"Interventions","tech":["Jekyll","SCSS","JS"],"github":"","external":"https://interventions.design/","ios":null,"android":null,"company":"Scout"},"html":"<p>Interactive marketing website for Northeastern's first annual student-led design conference, Interventions.</p>"}},{"node":{"frontmatter":{"date":"2017-07-24","title":"Real Estate, Property & Homes For Sale Website Design","tech":["HTML5","CSS3","PHP","JavaScript"],"github":"https://github.com/shoharto/defence-homes-bd","external":"http://www.defencehomes.com/","ios":null,"android":null,"company":"Defence Homes"},"html":"<p>This website design for real estate, property &#x26; homes for sale  for a local real estate company in Bangladesh.</p>"}},{"node":{"frontmatter":{"date":"2017-07-21","title":"Corporate Websites Design","tech":["HTML5","CSS3","JavaScript","Flex Slider","CSS Flexbox"],"github":"https://github.com/shoharto/Business-Corporate-Websites-Design","external":"https://shoharto.github.io/Business-Corporate-Websites-Design/","ios":null,"android":null,"company":""},"html":"<p>A simple website theme design for Business / Corporate Websites.</p>"}},{"node":{"frontmatter":{"date":"2017-07-21","title":"Responsive Portfolio Website","tech":["HTML5","CSS3","Sass","npm","JavaScript"],"github":"https://github.com/shoharto/Responsive-Portfolio-Website","external":"https://shoharto.github.io/Responsive-Portfolio-Website/index.html","ios":null,"android":null,"company":""},"html":"<p>A website design for personal portfolio website. Responsive and very minimal design.</p>"}},{"node":{"frontmatter":{"date":"2017-06-22","title":"Lonely Planet DBMS","tech":["Python","MySQL","Flask","JS"],"github":"https://github.com/bchiang7/CS3200-Project","external":"","ios":null,"android":null,"company":"Northeastern"},"html":"<p>A simple web application that allows users to filter through and leave reviews in a database of Lonely Planet's Top 500 Travel Destinations.</p>"}},{"node":{"frontmatter":{"date":"2017-04-03","title":"myNEU Redesign","tech":["Jekyll","SCSS","JS"],"github":"https://github.com/bchiang7/Redesign-myNEU","external":"https://bchiang7.github.io/Redesign-myNEU/","ios":null,"android":null,"company":"Northeastern"},"html":"<p>Student web portal prototype built after conducting multiple rounds of user testing that aimed to improve the current portal to provide students at Northeastern University with a better user experience.</p>"}},{"node":{"frontmatter":{"date":"2016-12-01","title":"Personal Website V2","tech":["Jekyll","SCSS","JS"],"github":"https://github.com/bchiang7/v2","external":"https://bchiang7.github.io/v2/","ios":null,"android":null,"company":null},"html":"<p>Second iteration of my personal website. Designed and developed with a conscious effort to avoid using any superfluous frameworks like Bootstrap.</p>"}},{"node":{"frontmatter":{"date":"2016-11-16","title":"Weather Widget","tech":["Node","Express","EJS"],"github":"https://github.com/bchiang7/DemoWebApp","external":"http://quiet-dusk-89245.herokuapp.com/","ios":null,"android":null,"company":null},"html":"<p>Simple weather app made with Node.js, Express, and Heroku. Utilized the OpenWeatherMap API and Google Maps API.</p>"}},{"node":{"frontmatter":{"date":"2016-11-01","title":"Screentime 2.0","tech":["Cordova","Backbone","Marionette"],"github":"","external":"https://starry.com/blog/product/whats-new-screentime-just-got-better-for-parents","ios":null,"android":"https://play.google.com/store/apps/details?id=com.starry.management&hl=en_US","company":"Starry"},"html":"<p>Starry Station android app feature that provided users with the ability to easily filter content, pause the internet, and even create custom rules for blocking apps like Facebook and Twitter right from their phones.</p>"}},{"node":{"frontmatter":{"date":"2016-08-01","title":"React Profile","tech":["React","CSS"],"github":"https://github.com/bchiang7/react-profile","external":"https://bchiang7.github.io/react-profile/","ios":null,"android":null,"company":null},"html":"<p>Online version of my 2016 resume made for fun. I was interested in learning React.js, so I found a simple tutorial and it spun into a weekend project.</p>"}},{"node":{"frontmatter":{"date":"2016-04-01","title":"CourseSource","tech":["Angular","Node","Express","MongoDB"],"github":"https://github.com/bchiang7/WebDevSpring2016/tree/master/public/project","external":"","ios":null,"android":null,"company":"Northeastern"},"html":"<p>Web application built on the MEAN (MongoDB, Express, Angular, Node) stack with the intention of providing Northeastern students a better experience browsing the courses offered at Northeastern.</p>"}},{"node":{"frontmatter":{"date":"2016-03-01","title":"Personal Website V1","tech":["HTML","CSS","JS","Bootstrap"],"github":"https://github.com/bchiang7/v1","external":"https://bchiang7.github.io/v1/","ios":null,"android":null,"company":null},"html":"<p>My first portfolio website I designed and built in 2014. I learned quite a bit about HTML, CSS, and SEO. Since then, I think my web development and design skills have improved immensely.</p>"}},{"node":{"frontmatter":{"date":"2016-01-01","title":"Fontipsums","tech":["HTML","SCSS"],"github":"https://github.com/bchiang7/fontipsums/","external":"http://bchiang7.github.io/fontipsums/","ios":null,"android":null,"company":null},"html":"<p>Simple website to display some of my favorite font pairings combined with some fun lorem ipsum variations found on the web.</p>"}},{"node":{"frontmatter":{"date":"2015-12-20","title":"NU Women in Tech","tech":["Jekyll","Bootstrap"],"github":"https://github.com/nuwit/website","external":"https://nuwit.ccs.neu.edu/","ios":null,"android":null,"company":"Northeastern"},"html":"<p>Complete overhaul and redesign of NU Women in Tech's club website using Jekyll, built while serving as web chair on the e-board.</p>"}},{"node":{"frontmatter":{"date":"2015-12-01","title":"One Card For All","tech":["HTML","SCSS","JS","jQuery"],"github":"","external":"https://us.mullenlowe.com/work/one-card-for-all/","ios":null,"android":null,"company":"MullenLowe"},"html":"<p>Interactive holiday site for MullenLowe built around an algorithm that generated a holiday greeting to each and every person on the planet. Check out this short <a href=\"https://us.mullenlowe.com/work/one-card-for-all/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">video</a> describing the project.</p>"}},{"node":{"frontmatter":{"date":"2015-10-01","title":"JetBlue HumanKinda","tech":["Tumblr","HTML","CSS","JS"],"github":"","external":"https://us.mullenlowe.com/work/humankinda/","ios":null,"android":null,"company":"MullenLowe"},"html":"<p>Tumblr site complementing JetBlue's HumanKinda campaign and documentary. Includes an interactive quiz to determine how \"HumanKinda\" you are. Learn more about this project <a href=\"https://us.mullenlowe.com/work/humankinda/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">here</a>.</p>"}}]}},"pageContext":{}}}