Blog JavaScript Project ( Node, Express, bodyParser, and lodash)

Hosted Project

https://young-chamber-76689.herokuapp.com/

GitHub Source Files

https://github.com/JS-Beginners/blog-challenge-v1

JavaScript Used

• NodeJS (Server-Side)
• ExpressJS (Node Framework)
• NPM Modules
  • bodyParser
  • ejs (Embedded JavaScript templating)
  • lodash (utility library)

Project Description/Summary

This server-side Blog JavaScript Project uses NodeJS, Express, and EJS. The project was relatively simple, as Angela made it a challenge and broke each part down step-by-step.

New Things Learned or Refreshed

Again, I was familiar with all of the concepts in this project since I previously went through all of Angela's Web Development Bootcamp a few months ago. It was especially relatively simple since I refreshed myself on EJS and expressJS using the two previous modules before the challenge. The only thing that was new in this project was the introduction of a utility library called lodash and the introduction to using expressJS's routing parameters. It was a great project that reemphasized all that I learned in the previous modules and I feel confident that if I wanted to take this site from WordPress to a self-created JavaScript blog, I would have no problem. I was refreshed on the deployment to Heroku. Now that I've done it three times (here with Todo JavaScript App, here with Newsletter JavaScript App, and now in this project), what seemed at first to be a very daunting task is now very simple.

Time to Code

This took about an hour, start to finish. Luckily, I didn't have to watch any of Angela's solutions to complete the challenges. However, I did watch a few just to validate the code I wrote is what she would have wrote.

Lines of Code

This project is compose of several different EJS files but the actual app.js contains only 64 lines of code.

Biggest Take Away(s)

• None this project

Your Turn!

What to Accomplish

1. Download the source code from the github repository above.
2. Delete the contents of the app.js the content of the files and the views folder.
3. Implement the JavaScript code in your own files.
4. If you think you need to see a video solution first, be sure to pick up Angela's Web Development Bootcamp Course. She covers the full-stack of JavaScript, from the front-end to the back-end, including databases. And she's a great instructor!
5. Deploy your application to Heroku and then add a link to your finished project below!

What You Should See

1. You should see a blog home page with all the links in the header working.
2. You should be able to click the “New Post” button to start a new post with a title and a content section.
3. The home page should truncate each blog post down to 100 characters.
4. You should be able to click the title of post, which should be a link that takes you to the posts own page.

Need to see the video solution for this project?

Get Angela's Web Development Bootcamp Course