Coder Social home page Coder Social logo

blog's Introduction

Table of contents

Blog Website Using Express, EJS and Lodash

This project uses partials to build a cohesive whole website. It has a home page, about us page , contact us page. Home page stores the new blog posts in chronological order but the actual blog content will be truncated to only 100 characters. When you click on read more, it will take you to an individual page of each of your blog posts and you can read them independently on a single page.

There's also a hidden page(localhost:3000/compose) which will allow you to compose your diary. Then you can see the new post gets put right on the home page and a brand new page has been created in the URL localhost:3000/posts/another-post(example for another post titled blog post) just for that new post. Hit enter and we get taken to the page where that blog posts exists.

By using EJS we're able to create dynamically single pages, new web pages for each and every blog post that we're making.

Requirements

You need node and npm installed in your environment. npm install to install dependencies.

Technologies Used

Epress, Lodash, Mongoose and ejs templating.

Set Up

npm install
nodeomon app.js
  • Website works in localhost:3000
  • To compose a new blog post go to localhost:3000/compose. It redirects to home page.
  • To see the new blog post localhost:3000/posts/yourNewBlogPostTitle You can type the blog post name with lowercase or uppercase, it doesn't affect to fetch the website.

blog's People

Contributors

dependabot[bot] avatar hulyak avatar snyk-bot avatar

Stargazers

 avatar  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.