GithubHelp home page GithubHelp logo

Gatsby

Gatsby + ContentFul + Firebase

Note: This demo is built with Gatsby, and Netlify CMS
Demo URL: https://gatsby-blogger.netlify.com/




Features

  • Uses:

    • Gatsby.js (react + redux)
    • Firebase
    • ContentFul
    • Formspree
    • Disqus
  • Features:

    • Sign in
    • Sign up
    • Forget Password
    • Sign out
    • Protected routes with authorization
    • Contact form submitted to Formspree
    • Disqus Comments

Prerequisite

  • Node
  • Gatsby CLI (globally installed)

Quick Start

Create your own project with the below Gatsby CLI (assuming Gatsby is installed) & install all the dependencies.

gatsby new your-project-name https://github.com/aslammultidots/blogger
cd your-project-name
npm install

Requirements

To run successfully use your own credentials for:

  • Firebase
  • Disqus
  • Formspree
  • ContentFul

Open the code and start editing files!

You can run your site at http://localhost:8000

Note: For making GraphQL work, run this link: http://localhost:8000/___graphql. Learn more about this tool in Gatsby tutorial.

Start Developing

For running your website locally, you have to run:

gatsby develop

💫 Deploy with Netlify

And lastly, deploy your site to Netlify:

Deploy to Netlify

sketchsie's Projects

color-extractor icon color-extractor

Color Bianco is website that provide color extraction from an image with quantization algorithm.

color-palette-toolkit icon color-palette-toolkit

Turns color values from an Image or PhotoShop ACO file into a list of named colors, lighter and darker shades, css classes and a beautiful style guide.

color-to-swatch icon color-to-swatch

command line tool to convert adobe color palettes to procreate .swatches files

colorful icon colorful

🎨 Infinite color palettes, save it or copy any of its colors, enjoy https://lakscastro.github.io/colorful

colorgram.py icon colorgram.py

A Python module for extracting colors from images. Get a palette of any picture!

colorist icon colorist

Creates a palette from the given image (drag'n'drop)

colorpalette icon colorpalette

Flask app : extracts palette of dominating colors from image. https://colorpalettedemo.herokuapp.com/

colorpalette-1 icon colorpalette-1

Sometimes, you just wanna see how a bunch of colors look together. Coolors.co can generate palettes, but is limited to how many colors.

colourful-dogs icon colourful-dogs

React app utilising the react-palette module to extract/generate six prominent colours from sample images

design-ui-palette icon design-ui-palette

An app for creating and testing color palettes for your designs. All build with just vanilla JavaScript.

domicolor icon domicolor

Web application that helps you extract dominant colors from an image.

imagehues icon imagehues

Natural and fresh color palettes generated from beautiful random images

images-to-kindle icon images-to-kindle

A short Automator (Mac only) script taking a group of images and combining them into a PDF optimized for Kindle (color-wise)

import-colors-sketch icon import-colors-sketch

Import colors from macOS CLR, Photoshop ACO/ACT, Illustrator ASE, GIMP GPL, Sketch file to Sketch.

lumio icon lumio

A luminous warm and calm color palette.

nord icon nord

An arctic, north-bluish color palette.

palettab icon palettab

New fonts and colors with every new tab.

palette icon palette

Extract color palette from an image with k-means and k-NN // Project for the AI/ML class at Hanyang University

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.