Code Monkey home page Code Monkey logo

h00d-cms's Introduction

h00d cms

h00d cms is my very simple, very barebones cms.

It runs on a node.js server envivronment and handles request with the web framework express.js. The view engine used is handlebars.js. The data is stored with MongoDB.

Demo

If you want to see it in action, you can visit a live-version deploayed wiht heroku here: maltesblog.herokuapp.com

For the backend, the management of the content, you can check here: maltesblog.herokuapp.com/admin

How It Works

Data Structure

The data is stored in three schemas:

  • Category
    • name: String
  • Post
    • title: String
    • text: String
    • excerpt: String
    • imgurl: String
    • date: Date
    • category: ObjectID of an element of the Category collection
  • StaticContent
    • title: String
    • content: String
    • imgurl: String

"StaticContent" is where sites like the about page or the contact page are stored.

Routing

Express listens for two main routes:

The frontend under the root "/" as well as the backend under "/admin".

For the different get and posts request it gets the needed data from the MongoDB database with the help of mongoose.

Views

The views are obivously filled with the contents of the database.

What I really like is how the main navigation bar is made up of the different categories.

I implemented helpers for handlebars used in a variety of cases, most notably to switch between left and right sided text displays in the overview.

As of yet, nothing is really responsive. There only exists a desktop-display.

h00d-cms's People

Contributors

etlam21 avatar

Watchers

 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.