Git Product home page Git Product logo

neb_template's Introduction

neb_template

Basic website template built using Bootstrap 3, Express, and NodeJS.

[IN PROGRESS]

Requirements

  • Git
  • Node
  • Express
  • EJS [working with views]

Extra

  • install nodemon with: npm install -g nodemon [watch for changes, reload server when changes detected; can't be used with SASS, etc. ?]
  • install restart with: npm install -g reload [refresh browser when changes detected]
    • install as dependency for project with: npm install --save reload

Install Requirements clone [project] onto desktop with: git clone [git repo link] cd to [project] create package.json file with: npm init --yes [if no package.json file exists; with defaults] install npm plugins with: npm install install express as dependency with: npm install express --save install ejs as dependency with: npm install ejs --save

  • install nodemon with: npm install -g nodemon [watch for changes, reload server when changes detected; can't be used with SASS, etc. ?]
  • install restart with: npm install -g reload [refresh browser when changes detected]
    • install as dependency for project with: npm install --save reload

Folder Structure

Expressjs [root folder]

  • app
    • data

      • data.json [contains all text data files for project]
    • public

      • css
      • scss
      • images
      • js
    • routes

      • index.js [routing for index page]
      • speakers.js [routing for pages and sub-pages]
    • views

      • index.ejs []
      • partials
        • content
        • template
    • app.js

  • node_modules

Run Server

  • Run local server on port 3000 with: npm start
  • Run local server with custom port settings with: node app/app.js
  • Extra - Nodemon Update changes in browser with: nodemon app/app.js [will restart server on changes; need to manually refresh page in browser]

JS + Express

  • conditionals loops, combine data on routes and learn to control information flow

Relevant Links:

To Do

  • JSON file containing blog posts
  • Create unique page for each
  • Create page with list blog posts

neb_template's People

Contributors

lookininward avatar

Stargazers

Niel Chah avatar

Watchers

James Cloos avatar

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.