fullstack.chat website

  • Gridsome
  • VueJS
  • Netlify
  • Open Source

https://cdn.brianmorrison.me/media/2020/812dca98-8ee2-42fe-854d-a525166e5102

Design

As most sites, I started with a basic color scheme using coolors.co. Below are the colors that I settled on with input from the rest of the community.

I also utilized fontpairs.co to select a set of fonts that were tested to work well together. Lato is used for the headers and Open Sans for body type.

Implementation

The site is built with Gridsome, a static site generator using VueJS. Much of the code on the landing page is hand written, but the Rules section references a markdown file that is stored along with the project. This makes for quick updating of the rules without modifying the code.

Bootstrap was used to quickly get some responsiveness, but no other components from that framework were used.

The site is hosted on Netlify and their automated deployment tools are leveraged by connecting the site to the GitHub repository.

The code for the site is open source and can be found at https://github.com/bmorrisondev/fullstack.chat.