Giter VIP home page Giter VIP logo

ddg's Introduction

Gatsby

Purple + Bold Starter

Kick off your project with this boilerplate. This starter ships with the main Gatsby configuration files done and all of our componets

πŸš€ Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying the our starter.

    # create a new Gatsby site using the the purple + bold starter
    gatsby new purple_bold https://github.com/daysgobye/p_b_starter
  2. Start developing.

    Navigate into your new site’s directory and start it up.

    cd purple_bold/
    gatsby develop
  3. Open the source code and start editing!

    Your site is now running at http://localhost:8000!

    Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

    Open the purple_bold directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

🧐 What's inside?

  1. layout: in here you will find a simple nav that you can add your pages to and it will work on mobile right off the bat

  2. content comp: this is a component that does a good amount a mobile styling for you import it on every page an put the page inside of it and it will keep your content all the same width and give you some spacing on edgesnap

  3. ButtonRound: this is a nice button thats round it can be a gatsby link or a normal a tag or run functions on click

  4. GoogleMaps: this is a google map with a link to drections pass it a address and your good to go you can change how it looks with styles from here

  5. LaxHeadder: this is a drop in paralax headder pass it a background img and any text you want and your done you can edit the affect in the comp

  6. Share links: these do all the work for you when it comes to shareing links pass it a icon from here or any other img and your good to go

  7. conform: this is a drop in email form pass it a email and start laying out inputs

  8. sass files: base.sass and vars.sass are in and have some base styles in them

  9. support: already sass and off line support are in

  10. helpers: on the storybook page you will find all of the componets in use and and some helpers at the bottom so you dont have to look them up

  11. alsomove: this is a .htaccess file for your hosting you might not need it if so you can delete

πŸ’« Deploy

check back for jenkiens how to

##uninstall if not using google maps

npm uninstall google-map-react --save
npm uninstall react-geocode --save

LaxHeader

npm uninstall react-parallax --save

ddg's People

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.