Code Monkey home page Code Monkey logo

BraveUX

https://braveux.com/

forthebadge

Getting Started

In command line, do the following steps:

# Clone repo to your local machine
$ git clone https://github.com/BraveUX/braveux.git
# Move into the downloaded repo
$ cd braveux
# Install NPM packages
$ npm i
# Run localhost (use for dev)
$ gulp default
# OR build (use for production files)
$ gulp build

Folder Structure

src - This directory is where all development should take place. Use gulp to then process the content to the public folder. public_html - This directory contains the distribution files which should be uploaded to the FTP when changes are made.

Future TODO's

  • Add lazy loading across site due to the high content nature of our site.
  • Consider page loader so that we can animate content once a user visits the site.

Deploying to Staging

The gh-pages branch is automatically built for staging out development goals of the site.

Click here to view our stagining site.

How to deploy a branch to GH-Pages

First, check that the if statement in src/views/partials/_head.ejs has var deploy = true;. Failing to do so will result in the website not rendering correctly!

In command line, do the following steps:

# Navigate to the branch you wish to demo for staging
$ git checkout dev
# Ensure you have all NPM packages installed
$ npm i
# Build project
$ gulp build
# OR if you want to actively do work in the branch
$ gulp default
# Deploy to GH-Pages
$ gulp deploy

Once done, you should be able to view the branch at http://braveux.github.io/braveux/

Remember to discard or change back the variable in the _head.ejs file back to false or your localhost/live site will fail to render correctly!

Brave UX's Projects

braveux icon braveux

Staging environment for our agency website.

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.