Coder Social home page Coder Social logo

gilpix / restfulblog Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 1.0 5.91 MB

A RESTful Routes Blog for - Creating, Reading, Updating and Deleting Blog Posts

JavaScript 37.70% CSS 3.16% HTML 59.14%
nodejs mongodb mongoose ejs express javascript restful restful-routes semantic-ui

restfulblog's Introduction

RESTful Blog App

RESTful Blog App is a web application developed with best applications of RESTful Routing using Node.JS, Express.JS, Embedded JavaScript (EJS) and more. It is made while pursuing The Web Developer Bootcamp course on Udemy. This 40+ hour course covers HTML, CSS, Javascript, Node, Express, MongoDB, Git, and a bunch of other smaller topics along the way.

Course Instructor: Colt Steele

RESTful Routes:

Name Path HTTP Verb Purpose Mongoose Method
Index /blogs GET List all blogs Blog.find()
New /blogs/new GET Show new blog form N/A
Create /blogs POST Create a new blog, then redirect somewhere Blog.create()
Show /blogs/:id GET Show info about one specific blog Blog.findById()
Edit /blogs/:id/edit GET Show edit form for one blog Blog.findById()
Update /blogs/:id PUT Update a particular blog, then redirect somewhere Blog.findByIdAndUpdate()
Destroy /blogs/:id DELETE Delete a particular blog, then redirect somewhere Blog.findByIdAndRemove()

Description:

  • app.js is the main file that is the heart of our NodeJS web application and contains the RESTful Routes defined for each event.
  • views directory contains the relevant files, the EJS templates, that render on each event.
  • public/css directory contains CSS to create better interface.
  • package.json file contains the information towards the various frameworks that were installed within the course of this project.

Frameworks & Middlewares:

  • ExpressJS is used for Server Side Routing applications.
  • MongooseJS is used for Back-End Database operations with MongoDB NoSQL Database.
  • Body-Parser is used to Parse the data that was received as a result of HTTP POST request.
  • Method-Override is used to override the HTTP verb to implement PUT and DELETE methods.
  • Express.Static() is used to serve the Static files CSS, JS, etc. in the directory as specified.
  • Sanitizer is used to sanitize the contents of HTML inputs and keeps the Database Safe.

Blog Screen Shots:

Home - Display All Blogs:


Show Selected Blog:


Update Blog:


Add New Blog:


Note:

The application is hosted on Cloud9 IDE, an open-source Cloud Service provided by Amazon Web Services (AWS) for developing web applications.

restfulblog's People

Contributors

gilpix avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

vini

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.