Blogify

Blogify!

Blogify is a dynamic blog application built with Node.js, Express.js, MongoDB, and EJS.The user can publish,read, edit,delete posts, and search with keywords.

• Node.js serves as the runtime environment, handling server-side logic and routing,
• Express.js acts as a web application framework, simplifying route definition and request handling.
• MongoDB as the DBMS.
• EJS (Embedded JavaScript) serves as the templating engine.
• Additionally, Bootstrap is utilized for frontend design, providing pre-designed CSS and JavaScript components for a visually appealing and user-friendly interface

Tech Stack

Client: Reactjs,Bootstrap

Server: Node.js, Express.js,RESTful API

Data Management: MongoDB

Dependency: Axios: Promise-based HTTP client for the browser and Node.js Mongoose:Object Data Modeling (ODM) library for MongoDB and Node.js,provides abstraction over MongoDB’s native driver

Database Configuration

1.Ensure MongoDB is Running: Before executing any MongoDB commands, ensure that MongoDB is running on your local machine or server. Start MongoDB: mongod

2.Connect to MongoDB: mongo

3.Create a Database: use mydb

4.Create Collection: db.createCollection('blog')

Run Locally

1. Clone the project:

     git clone https://github.com/vishwajeetk5/Blogify.git
   

2. Go to the project directory: cd Blogify
3. Install dependencies: npm install
4. Start the custom API server: node api.js
5. Then start Backend server: node index.js
6. Access the application at: http://localhost:3000

Screenshots

Home Page with recent posts New Post page Edit Post page Search and highlight through keyword

Concepts Learned

• Building a RESTful API
• CRUD operations for blog posts using API and MongoDB with mongoose abstraction
• MongoDB installation and commands
• Using Postman for API testing
• Server-side templating with EJS
• Frontend-backend integration
• Background Blob animation using Illustrator,SVG

Mistakes Made

• HTML Never HTML forms do not support methods other than ‘GET’ and ‘POST’